关于css样式更多的问题

html-css010

关于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: 此时背景图是相对于视口的