选择器优先级公式 继承<通配符<标签选择器<类选择器<id选择器<行内样式<!important(加入到值的后面不能给继承增加)
盒子模型的四大组成部分内容content,边框border,外边距margin,内边距padding
然后外边距折叠塌陷(现象只能出现在块级元素在嵌套关系里面并且是上下外边距才会造成)解决办法是给父元素设置边框或者内上边距使两个盒子上边距不叠加。给父元素设置overflow:hidden;。转换成行内元素,设置浮动。
结构伪类选择器 寻找奇数或者偶数 用于偶数找li标签 li:nth-child(2n){css} 或者 li:nth-child(even){css} 奇数 li:nth-child(2n+1){css} li:nth-child(odd){css}
然后到了浮动,浮动的作用早期使用于图文环绕,现在则是用于网页布局。可以让垂直布局的盒子水平布局 浮动之后就会托表,脱离标准文档流,不会在占用标准文档流的位置。而浮动的元素会比标准流的布局层级高半级,可以覆盖标准流的元素。 浮动找浮动,第二个浮动会根据在第一个浮动的左边或者右边浮动,浮动有左右两边浮动,使用float:left;左浮动,使用float:right;右浮动。 浮动元素会受上方元素边界的影响。 浮动元素可以设置宽高,可以一行多个。
清除浮动的方法,可以给父元素设置高度,额外标签法,单伪元素清除法,双伪元素清除法,给父元素添加overflow:hidden;