关于CSS样式的学习，小结

1,CSS样式：

行内样式：就是写在要设置样式的那一行

内联样式：把要设置的样式放在一对style标签内        

外联样式：通过外部链接的方式设置样式，使用语句为  href里写的是要引入的css的地址。

CSS引入方式的优先级：行内样式 > 内联样式 > 外联样式

当权重相同的时候，对于内联和外联样式，谁离要修饰的标签近谁的优先级高

2，选择器分类：

标签选择器，根据标签名进行选择。语法：标签名{}，，，例如下图从左到右依次为，p标签,p标签的样式，运行结果。

id选择器，在标签上添加了一个id属性，作为唯一标识，通常不允许重复。id值要唯一，即一个div里面只能有一个id值。语法：  #id名{}

类选择器（要设置样式的类可以有多个）通过class属性进行元素的获取，可用于对多个元素进行相同的样式设置，语法：   .类名{} 

群选择器：群选择器中 逗号代表的是同级关系。（把要设置样式的标签都列出来，逗号代表同级关系）

后代选择器：使用空格来标识后代选择器。语法：祖宗 子{  }

属性选择器，根据元素上已有的属性标识进行选择。语法：[属性名='']{}

举例：

[title]{    }      为所有带title属性的设置样式

[href^="http"]{   }     为所有带href属性且以http开头的设置样式

[href$="cn"]{    }      为所有带href属性且以cn结尾的设置样式

[href*='i']{     }          为所有带href属性且包含 i 的设置样式

伪类选择器（a标签的四种状态）：

  a:link   未被点击时的状态
       a:active    鼠标点击不松时的状态 

 a:hover   鼠标悬停时的状态

   a:visited    已访问过链接的状态

选择器的优先级：id选择器  >  类选择器  >　标签选择器，！important的优先级最高。

小结：在对比权重时，无论多少标签累加，其权重都不可能大于等于10。 

当选择器作用在同一个标签时，比权值，谁大谁作用，作用于不同标签时，遵循内部原则

内部原则如下图

中间图片为两个标签设置了样式，但是起作用的只有span标签的样式，因为代码中span在div内部，即为内部原则。