margin :中margin:0 auto; 能使元素居中;
css的折叠问题
1.继承性
2.层叠性
选择器的一种选择能力, 谁权重大就选谁
A选不中,走继承性, 继承权重为0.
1)有多个父级就走就近原则
选中
1)权重的问题,谁权重大就选谁,
2)权重一样,这就走就近原则
3)纯标签选择器和类选择器没有可比性, 纯类选择器 和 id选择器没有可比性
标准流
浏览器的排版是根据元素的特征(块和行),从上往下,从左到右排版这就是标准流
浮动:float:left float:right
效果:元素都加浮动,后面的元素都会紧跟着前面的元素排列, 只要加了浮动就会脱离标准流。
第一个加浮动,脱离了标准流,那么浏览器会将第二个元素变成标准流里的第一个元素。
浮动的元素都会紧贴在一起
浮动的元素紧紧环绕
脱离标准流的方法有
1.设置浮动
设置定位: 绝对定位:position:padding
固定定位:position:fixed
浮动带来的坏处
1.给元素加了浮动,会撑不起高度
清除浮动
给浮动的元素添加高度
给父级添加 overflow:hidden
给浮动的元素后面添加一个空div 添加样式为clear:both
伪元素和伪类选择器的区别
伪元素有两个冒号 如 :p::after
为选择器有一个冒号 如 : p:hover
visibility:hidden 和display:none
visibility:hidden 隐藏了还会占空间 display:none 隐藏之后不会占空间