css三大特性，复合选择器，边框，内边距，外边距，清除内外边距

CSS 三大特性：层叠性、继承性、
子元素会继承父元素的某些样式，如文本颜色、字体属性等
行高的继承：如果盒子没有高度 ，就以行高为准。
当前元素文字大小的1.5倍数，就是行高的大小
继承或 * 0,0,0,0
标签选择器 0,0,0,1
类选择器 / 伪类选择器 0,0,1,0
id 选择器 0,1,0,0
行内样式 1,0,0,0
!important ∞无穷大
复合选择器
• CSS 盒子模型：内容（），边框（border
），内边距（padding
），外边距（margin
）
border-width 边框粗细，单位是 px
border-style solid 实线 / dashed 虚线 / dotted 点线
border-color 边框的颜色
Border: 2px solid red
简写：border加
表格细线边框（border-collapse: collapse;）
内边距 padding：
padding: 5px; 四周都是 5px 一个管四边
padding: 5px 10px; 上下 5px / 左右 10px 上下和两边
padding: 5px 10px 20px; 上 5px / 左右 10px / 下 20px 左右放中间
padding: 5px 10px 20px 30px; 上 / 右 / 下 / 左，顺时针 顺势方向圈
border 和 padding 都会影响盒子大小
外边距 margin：
margin: 5px; 四周都是 5px 一个管四边
margin: 5px 10px; 上下 5px / 左右 10px 上下和两边
margin: 5px 10px 20px; 上 5px / 左右 10px / 下 20px 左右放中间
margin: 5px 10px 20px 30px; 上 / 右 / 下 / 左 顺势方向圈
如何让一个块级元素水平居中，块级元素有宽度，只需要让块级盒子在左右边距改为auto即可
Margin：auto（上下左右）
Margin：0 auto（上下0，左右）。
让行内元素或行内块元素实现水平居中：给其父盒子添加 text-align: center;
嵌套块元素塌陷问题，解决方式：1.可以给父级元素加上上边距。2.可以给父级元素加内边距。（但这两个方案会撑大盒子）3. overflow: hidden; 推荐
清除内外边距：* {margin: 0;
padding: 0;}
行内元素在设置内外间距时：尽量只设置左右内外间距，不要设置上下内外间距。