Css有两个性质
继承性
层叠性 选择器的一种选择能力,谁的权重大就选谁
选不中,走继承性,(font color text)继承性的权重有多个父级都设置了这样的样式 走就近原则
选中
权重的问题,权重大,就选谁的样式
权重相同,谁在后选择
纯标签和类没有可比性,纯类和id也没有可比性。
3,标准文档流
浏览器的排版是根据元素的特征(块和行级),从上往下,从左往右排版。这就是标准
文档流。
浮动 float:left/right;
效果:元素都加浮动,后面的元素会紧跟这前面的元素并排排列。
只要加了float,这个元素就会脱离标准文档流。
第一个加了float,离了标准文档流,对于浏览器来说,第二个元素就变成了标准文档流中的第一个,于是就会把他排在第一位。而第一个依然存在,所以就会叠加。
行级加float
行级元素加了float,脱离标准流,块不像块,行不像行,能设置宽高,能并排排列。
Display就没有任何意义了。
浮动的元素会紧紧贴靠在一起
浮动的元素会文字环绕
使元素脱离标准流的方法
浮动 float
绝对定位position:absolute;
固定定位position:fixed; fixed固定的
浮动带来的坏处
给元素加了浮动,撑不起父级的高度了
清除浮动
给浮动的父元素添加高度
给父级添加overflow:hidden;
给浮动元素的后面添加一个空的div 添加样式为clear:both
给浮动元素的父级添加一个类叫clearfix
伪类选择器
只要选择器后面带:,都可以说他是伪类选择器
a:link{} a:hover{} a:visited{} a:active{} p:after{} p:before{}
a的四种状态的顺序不能变
伪元素 和伪类选择器的区别
伪元素有两个冒号 如p::after{} 伪类选