1、分类
1）内联（写在标签内部）
style="样式"
控制精确，代码重用性差
2）内嵌（在<head></head>中）
<style type="text/css">
样式
</style>
控制没有内联的精确，代码重用性好
3）外部（单独的样式文件）
<head>
<link href="css文件路径" rel="stylesheet" type="text/css">
</head>
控制没有内联的精确，代码重用性最好
2、选择器
1）标签选择器：根据标签选择
例：div{background-color:#369;}
2)class选择器：根据所属class选择
例：.a{样式} //选择class="a"的元素
3）id选择器：根据id名选择
例：#d{样式} //选择id="d"的元素
4）复合选择器
逗号，并列选择 例：div,span{样式} //div和span标签下的项
空格，后代选择 例：#id名称 li{样式} //该id名称列表下的li项
点，筛选 例：div.s{样式} //div下class="s"的项
id选择器优先级最高，标签选择器优先级最低