关于css样式更多的问题

html-css011

关于css样式更多的问题,第1张

CSS中就是对布局、风格的设置。没有其他功能。使用CSS可以与主程序内容分离，达到易于维护和改版、提高访问速度等目的。 比如，我用CSS可以定义整个网页的背景，可以定义某个表格或层的边框，背景，高宽，文字等。从而使到网页的多个地方可以引用到这个样式，而不用重复的设置表格风格。这就是CSS。

用纯CSS让3个或更多的DIV处于同一行方法：

可以利用float属性实现多个div处于统一行。

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。

还可以利用display：inline；将div强制转换为内联元素也可实现多个div处于同一行。

使用cursor设置

也可以设置图片cursor:url()，图片格式必须为.ico或.cur。

可以用visibility来控制图标或字体的闪烁

img元素是属于HTML的概念

背景图属于css概念

所以img和背景图的使用主要取决于内容

默认情况下，背景图会在横坐标和纵坐标中进行重复

预设值：contain、cover，类似于object-fit

数值或百分比

设置背景图的位置

预设值：left、bottom、right、top、bottom

数值或百分比：数字可以是负数

雪碧图（精灵图）（spirit）: 需要小图标合并成一张大图片，大图片就是雪碧图

通常用它控制背景图是否固定。

fixed: 此时背景图是相对于视口的