标签：代码量 ali 而在 div link hover 激活 width 顺序
继承性
css规定，有一定的属性，给某一个元素设置了，他的后代元素
也同样拥有他的这个属性。
什么属性可以被继承呢？
color
text-系列
font-系列
line-系列
与文本相关的都是可以继承的
像width,height,backgrouond-color,border等与文本
无关的都不能继承
继承性的好处：
节省代码量
2层叠性 选择器的一种选择能力 谁的权重大就选谁
A选不中，走继承，（fomt,color,text）继承性的权重是0、
a)有多个父极都设置了这样的样式 走就近原则
B选中了
a) 权重的问题 权重大 就选谁的样式
b) 权重相同 谁在后面选择谁
c) 纯标签和类没有可比性，纯类也没有可比性
3.标准文档流
浏览器的排版是根据元素的特征，（块和行级），从上网往下，从左往右排版，这就是标准文档流
1.浮动 float,left,right
效果 元素都加浮动，后面的元素都会紧跟着前面的元素并排排列
只要加了浮动 float,这些元素就会脱离标准文档流
第一个加了 float,脱离了标准文档流，对于浏览器来说，第二个元素就变成了标准文档刘中的第一个，于是就会把它排在第一位，而在第一依然存在，所以就会叠加，
行级元素加了 float ，脱离标准流，快不像块，行不像行，能设置宽高，能并排排序
display 就没有任何意义了
B，浮动的元素会紧紧贴在一起
C,浮动的元素会文字环绕
拓展，是元素脱离标准流的方法
display: inline; 转为行内元素
display: block; 转为块级元素
display: inline-block;好转为行内块级元素
display：none;隐藏元素
1 浮动 float
2 绝对定位 position-absolute
3 固定定位 position-fixed fixed是固定的
浮动的坏处
1给元素加了浮动，撑不起父级的高度了
清楚浮动
1 给浮动的父级添加一个高度
2 给父级添加 overflow hidden
3 给浮动元素的后面添加一个空的div 添加样式为clear both
before 首行
content 内容
visibility:hidden
4
伪类选择器
给浮动的父元素添加一个类叫 clearfix
这个类写的样式属性有
伪类选择器
只要选择器后面带;都可以说他是伪类选择器，
微元素，和伪类选择器的区别
伪类选择器有两个冒号
1)尚未被访问的状态--:link
2）鼠标悬停状态--:hover
3）鼠标按下（激活）状态--:active
4）已访问过的状态--:visited
设置4中状态必须按如下顺序：
爱恨准则
love hate
四种状态顺序不能改变
正常状态 link 已访问过状态visited 悬停状态hover 激活状态active
margin:o auto; 页面居中
text-aling center 字体居中
margin的居中是对自身
visibility:隐藏占据位置
display:hidden 隐藏不占据位置
标签：代码量 ali 而在 div link hover 激活 width 顺序
原文地址：https://www.cnblogs.com/lijiangtao/p/9657094.html
