1.CSS（Cascading Style Sheet（层叠样式表））样式规则：
具体格式：选择器{属性1：属性值1；属性2：属性值2；…}；
CSS样式中的选择器严格区分大小写，声明不区分大小写；
多个属性之间必须用英文分号隔开；
属性的属性值由多个单词组成且中间包含空格，则必须为这个属性值加上英文引号；
CSS注释：/*注释语句 ~；
CSS代码中空格是不被解析的；
2.CSS样式表：
行内式：行内式只对其所在的标签及嵌套在其中的子标签起作用，行内式写在html根标签中，没有做到结构与样式分离，很少使用；
内嵌式：内嵌式CSS样式只对其所在的当前HTML页面有效，对于单个页面设计是个不错的选择；
外链式：外链式是将所有的样式放在css外部样式文件中，通过link 标签来链接；其语法如下：<link href=“CSS样式文件路径” type=“text/css” rel=“stylesheet” /~；
rel：定义当前文档与被链接文档之间的关系，stylesheet表示被链接的文档是一个样式表文件；
外链式的优点是同一个CSS样式可以被不同的HTML页面使用，同一个页面也可以链接多个CSS样式表；
3.CSS基础选择器：
标签选择器：body、h1、p、strong等；
类选择器：类选择器使用“.”进行标识，语法格式为：
.类名{属性1：属性值1；属性2：属性值2；…}（类名的第一个字符不能使用数字，并严格区分大小写）；同一个HTML标签可以应用多个类，类名之间用空格隔开；
id选择器：id选择器使用“#”进行标识，后面紧跟id名：
#id名{属性1：属性值1；…}；id选择器具有唯一性，同一个id可以用于多个标签，浏览器并不报错，但是这个做法不被允许的，在JavaScript等脚本语言调用id时会报错；
通配符选择器：*{属性1：属性值1；…}；通配符选择器设置的样式对所有的标签都有效，不管标签是否需要样式，降低了代码的执行速度，实际开发中不建议使用；
标签指定式选择器（交集选择器）：第一个为标签选择器，第二个为class选择器或id选择器，标签选择器的使用不会影响其他类、id选择器的使用；
后代选择器：用来选择某标签的后代，其写法是将外层标签写在外面，内层标签写在后面，中间用空格分隔，当标签发生嵌套时，内层标签就成为外层标签的后代；
并集选择器：各个选择器通过“，”隔开，简洁、直观；
4.CSS文本样式：
字体样式属性：font-size:字号大小；em：相对于当前对象内文本的字体尺寸；px：像素（常用）；in：英寸；cm：厘米；mm：毫米；
font-family:字体；使用字体时，各种字体之间必须用逗号隔开；中文字体需要加引号，英文字体一般不需要加引号，且英文字体必须位于中文字体前面；
font-weight:字体粗细；Normal（400）：默认值，定义标准的字符；
bold（700）：粗体；bolder：更粗；
lighter：更细；
font-style：字体风格；normal：默认；italic：斜体（常用）；
oblique：斜体；
font：综合设置字体样式；语法如下：
选择器{font：字体样式属性；}；其中不需要的属性可以省略，但必须保留font-size和font-family属性，否则font属性将不起作用；
@font-face：任意使用字体；语法为：
font-face{
font-family：字体名称；
src：字体路径；
}
word-wrap： 选择器{word-wrap:属性值；}
normal：只允许在短字点换行；
break-word:在长单词或URL地址内部换行；
5.文体外观属性：
color：预定义的颜色名；
十六进制；
RGB代码：如果使用RGB代码的百分比颜色值，取值为0时也不能省略百分号；
letter-spacing：定义字符间距，其属性可以为不同单位的数值，允许使用负值，默认为normal；
word-spacing：定义英文单词间距，对中文字符无效；
line-height:设置行间距：px（像素）、em（相对值）和%（百分比）；
text-transform：用于控制英文字符的大小写；
none：不转换；
capitalize：首字母大写；
uppercase：全部字符转换为大写；
lowercase：全部字符转换为小写；
text-decoration：文本的下划线、上划线、删除线等
none：默认；
underline：下划线；
overline：上划线；
line-through：删除线；
text-align:水平对齐方式；text-align适用于块级元素，对行内元素无效；
left：左对齐；
right：右对齐；
center：居中；
text-indent:文本缩进；
white-space:空白符处理；
normal：文本中的空格无效，满行后自动换行；
pre：按文档的书写格式保留空格、空格原样显示；
nowrap：空格空行无效，强制文本不能换行，除非遇到换行标签br；内容超出标签的边界也不换行，超出则自动增加滚动条；
text-shadow：阴影效果；
选择器{text-shadow:h-shadow v-shadow blur color；}
可以使用text-shadow给文字添加多个阴影产生叠加的效果，中间用“，”隔开；
text-overflow:标识对像内文本的溢出；
ellipsis：用“…”标示被修剪的文本（要实现省略号标示溢出文本的效果，“white-space:nowrap；”“overflow：hidden；”“text-overflow:ellipsis；”三个样式必须同时使用）；
clip：修剪溢出文本；
6.CSS高级属性：
层叠性：加法运算；
继承性：子标签会继承父标签的某些样式；并不是所有CSS属性都可以继承；
CSS优先级：标签选择器（1）<类选择器（10）<id选择器（100）<<行内样式（1000）；复合选择器的权重无论多少个标签选择器叠加，其权重都不会高于类选择器，类选择器和标签选择器的叠加，权重不会高于id选择器；
CSS3新增选择器：属性选择器、关系选择器、结构化伪类选择器、伪元素选择器；