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选择器优先级最高,标签选择器优先级最低