css学习笔记

1.css的简介
css：层叠样式表：层叠：一层一层的 样式表：很多的属性和属性值
css将网页内容和显示样式进行分离，提高了显示功能
2.html和css的四种结合方式【css只有和html结合在一起才能显示其功能】
（1）在每个html标签上面都有一个属性style,把css和html结合在一起

css代码

（2）使用html的一个标签实现
在body里面

（3）伪元素选择器：css里面提供了一些定义好的样式，可以拿过来使用
例子：超链接
在head里面
超链接的状态：原始状态：a:link{ background-color:red; }
鼠标悬停?️hover{ background-color:red; }
点击?️active{ background-color:red; }
点击后?️visited{ background-color:red; }
在body里面

6.盒子模型：再进行布局前要
（1）边框border:【统一设置】：border:粗细（px） 样式（实线solid） 颜色;
【分别设置】：
上：border-top
下: border-bottom
左: border-left
右：border-right
（2）内边距padding：【统一设置】：padding：length（px）;
【分别设置】：
上：padding-top
下: padding-bottom
左: padding-left
右：padding-right
（3）外边距margin:【统一设置】：margin：length(px);
【分别设置】：
上：margin-top
下: margin-bottom
左: margin-left
右：margin-right
7.css布局的漂浮【案例：图文混排】
float:属性值：none:默认，无漂浮
left：文本流向对象的左边
right：文本流向对象的右边
8.css布局的定位【案例：图像签名】
position:属性值：static：默认，无特殊定位
absolute:将对象从文档流中拖出，默认在原位上空漂浮，可以使用top、bottom、left、right进行绝对定位
top：50px、、bottom：50px、left:50px、right:50px
relative：对象不可重叠，【不会把对象从文件流中拖出】可以直接使用top、bottom、left、right进行绝对定位
top：50px、、bottom：50px、left:50px、right:50px
9.