一、CSS选择器

1 id选择器  2 class选择器  3 标签选择器  4 标签层级选择器  5 class层级选择器  6 id层级选择器  7 id组合选择器  8 class组合选择器  9 属性选择器 10  11  12  13     
      14      15      70  71  72     
      73     
     
 74  75     
      76     
     
 77  78     
      79     
     
      标签选择器
     
 80  81     
      82     
     
       83         
      大师兄 84     
     
 85  86     
      87     
     
       88         
      大师兄 89     
     
 90  91     
      92     
     
       93         
      大师兄 94             如果行内标签没有内容，不可以对它进行任何的css装饰 95     
     
 96  97     
      98     
     
      aaa
     
 99     
     
      bbb
     
100     
     
      ccc
     
101 102     
     103     
     
      aaa
     
104     
     
      bbb
     
105     
     
      ccc
     
106 107     
     108     
     
      大师兄
     
109 110 

二、引入css样式的三种方式

1、在head标签当中写一个style标签，在style标签里面可以进行css样式的编写

1  2  3  4     
      5      6     15 16 17 18     
     
      c1
     
19 20 21 

2、在标签中直接增加style属性，在style属性当中增加增加css样式

1  2  3  4     
      5      6  7  8     
     
      c1
     
 9 10     
     11     
     
      双鱼座
     
12         
     13 14 

3、通过link标签引入写好的css样式表

1  2  3  4     
      5      6     
      7     
      8  9 10     
     
      c1
     
11 12 

文件black.css中的内容

1 .c1{2     height: 100px;3     width: 100px;4     background-color: black;5 }

文件green.css中的内容

1 .c1{2     height: 100px;3     width: 100px;4     background-color: green;5 }

三、引入css的优先级

标签中style优先级最高，其次在代码中就近找，也就是从下往上找

1 
      2  3  4  5     
      6      7     
      8     15     
     16 17 18     
     19     
     
20 21 

四、css属性

height、width、font-size、font-weight、text-align、line-height、float、display、margin、padding等

1   2   3   4     
       5       6     
       7      21     
      22  23  24     
      25  26     
     
      c1
     
 27  28     
     
      大师兄
     
 29         
      30         
      31         
      32         
      33         
      34      35     
     
      双鱼座
     
 36         
      37         
      38  39     
      40     
     
      双鱼座
     
 41     
     
      大师兄
     
 42         
      43  44     
      45     
     
      aa
     
 46         
      47  48     
      49     
     
      aa
     
 50         
      51  52     
      53     bb 54         
      55  56     
      57     
     
       58         
      
 59             
       60     
     
 61         
      62         
      63  64     
      65     
     
       66         
      
 67             
       68     
     
 69  70     
      71      72         
      73  74     
      75     
     
      双鱼座
     
 76         
      77  78     
      79     
     
 80         
      81     
     
      双鱼座
     
 82  83     
      84     
      85     
     
       86         
      
 87             
       88         
      
 89             
       90         
      
 91             
       92         
      
 93             
       94     
     
 95  96     
      97     
     
       98         
      
 99             
      100         
      
101             
      102     
     
103 104     
     105     
     
      106         
      107         
      108     
     
109 110     
     
      111         
      112         
      113         
      114     
     
115 116     
     
      117         
      118         
      119         
      120     
     
121 122     
     123     
     
124         
     125         
     126 127     
     
128         
     129 130     
     
131         
     132 133     
     
134         
     135 136