CSS（表现层）：层叠样式表----样式设置

css是指对html结构的美化
优点：结构和表现分离，方便后期的代码维护

样式属性：
1.文本样式属性：font
font-size 文本大小
font-family 文本样式
font-width/style 文本粗细/倾斜
text-indent 文本首行是否缩进
line-height 文本行高
text-align 文本对齐方式
text-decoration 文本上下划线
也可在font后直接写：font：是否加粗 字号/行高 字体；
2.设置元素/标签 样式
background-color 元素背景色
width/height 元素宽高
border-style 元素边框样式
border-color 边框颜色
border-width 边框宽度
也可在border后直接写：border:宽度 虚实线 边框颜色；
display：none/block 元素显示/不显示
overflow：hidden 设置隐藏元素溢出内容显示（塌线问题）
3.背景样式
background-image：url（）；添加图片
background-repeat：repeat-x；/repeat-y； 图片平铺方式
background-repeat： 设置图片重复
background-size：100% 100%； 图片大小比例
background-position： 图片属性（位置）
4.表格样式（table）
border-collapse 是否设置为单一表格
border-spacing 单元格与单元格之间的距离
caption 表格标题
caption-side 表格标题位置
empty-cells 是否显示空单元格
table-layout 固定宽度（aut/fixed）
5.设置盒子样式
内边距padding：盒子内容与盒子边框之间的距离
外边距margin：盒子与盒子之间的距离
margin-top 塌线问题：a、给父元素设置边框
b、给父元素设置overflow：hidden
c、用伪类解决： 元素名称：before{
content:’ ';
display:table;
}