1.引入层叠样式表：
A.行内引入
<bodystyle="background-color:#cccccc">; 在标签内使用style属性 </body>
B.内联样式表
<html> <head> <title>内联样式表</title> <style type="text/css"> body{ background-color:#ccc; } </style> </head> <body> </body> </html>
C.外部样式表
<html> <head> <title>外部样式表</title> <link rel="stylesheet" href="index.css" type="text/css"> </head> <body> </body> </html>
2.三种样式表的优先级对比（就近原则）
行内引入 > 内联样式表 > 外部样式表
3.代码注释：
/* 代码段 */
CSS:
/* background-color:#ccc; */
4.各浏览器前缀
| 前缀 | 浏览器 |
| -webkit- | chrome和safari |
| -moz- | firefox |
| -ms- | IE |
| -o- | opera |
5.CSS选择符：
A. 通配选择符
CSS：
*{
代码块；
}
B. 元素选择符，路body、h1、p
CSS:
body{
代码块；
}
h1{
代码块；
}
C. 群组选择符
CSS:
h1,h2,p{
代码块；
}
D. 关系选择符
HTML: (包含选择符 E F) <div> <a>我是div的子元素a标签</a> </div> <p> <a>我是p的子元素a标签</a> </p> CSS: div p{ 代码块； }
HTML:(子选择符 E>F) <div> <a>我是div的子元素a标签</a> </div> <p> <a>我是p的子元素a标签</a> </p> CSS: div>p{ 代码块； }