继承性
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 隐藏不占据位置
Css层叠的问题
原文地址:https://www.cnblogs.com/lijiangtao/p/9657094.html