一.CSS概述
1.定义:层叠样式表，用于修饰，渲染网页的一门技术。使用CSS样式修饰网页，可以实现设置样式的CSS代码和展示数据的HTML代码进行分离，增强了网页的展示能力。
二.引入CSS模块的方式(三种)
1.通过style属性引入CSS代码。
由于上面这种方式是将CSS代码直接卸载标签上的style属性内部，如果属性太多的话，容易造成页面结构的混乱，不利于后期的维护。况且将样式代码卸载标签上，那么样式代码仅仅对当前的标签生效，代码缺少复用性。CSS代码和HTML代码没有分离，因此不推荐。
2.通过style标签引入CSS代码。
在head标签内部可以添加一个style标签，在style标签内部可以直接书写CSS代码。这种方式是将所有的CSS样式代码集中在一个style标签内部统一管理，这种方式不会造成页面结构的混乱，而且可以实现代码的复用。CSS代码和HTML代码实现了初步分离的效果。
3.通过link链接引入外部的CSS文件。
在head标签内部，通过一个link标签可以引入外部的CSS代码文件，这种方式是将所有的CSS代码集中在一个单独的CSS文件中进行统一管理。真正意义上实现了CSS代码和HTML代码的分离，实现了代码的复用。
三.CSS选择器
所谓的选择器就是能够在HTML中帮助我们选中元素进行修饰的一门技术。
1.标签名选择器:通过元素名称或者标签名称选中指定名称的所有标签。
2.class选择器:可以微元素添加一个通用的属性—class。通过class属性微元素设置所属的组，class值相同的元素则为一组。通过class值可以选中这一组的元素，为元素添加样式。
<1>如果是同一类选择器，同时给某些元素设置了样式，如果样式冲突了，那么写在后面的样式则会覆盖前面的样式。
<2>如果是不同的选择器，那么设置样式的优先顺序为:id选择器>类选择器>元素名选择器。
3.id选择器:通过标签上通用的属性id，可以为标签设置一个独一无二的编号，id值是唯一的，通过id值可以唯一的选中一个元素。
4.后代选择器:选中指定元素内部的指定后代元素。
5.属性选择器:在选择器选中元素的基础上，根据元素的属性条件筛选元素。
四.常用属性总结
1.text-align:设置元素内的文本水平对齐方式，其常用值包括:
<1>left，左对齐。
<2>right，右对齐。
<3>center，居中对齐。
<4>justify，两端对齐。
2.text-decoration:设置文本的下划线样式，其常用值包括:
<1>underline，有下划线。
<2>none，没有下划线。
3.text-indent:设置文本首行缩进。
4.letter-spacing:设置字符间距，其常用值包括:
<1>normal。
<2>像素值。
5.margin:设置元素的外边距。
<1>margin:10px 20px 30px 40px ;表示上，右，下，左，顺时针方向。
<2>margin:10px 20px 30px ;表示上，左右，下。
<3>margin:10px 20px ;表示上下，左右。
<4>margin:10px ;表示上下左右。
五.display属性
1.block:块级元素的默认值，默认情况下独占一行，可以设置宽高。
例如，div，p，h1~h6，form，table。
2.inline:行内元素的默认值，默认情况下多个行内元素可以处在同一行，不能设置宽高。
例如，span，input，img。
3.inline-block:行内块元素，多个元素即可以显示在同一行，也可以设置宽和高。
4.none:表示隐藏元素。