CSS基础（选择器篇）

    CSS主要用于网页的风格设计：字体、颜色、位置等方面的设计。

CSS的使用方法

    为了在HTML中使用CSS通常有一下三种方法（如下图所示）：

（内嵌式）     内嵌式是直接将CSS写在<**style**>元素中作为内容。这样的写法有时会导致HTML的文档过大。

（外链式）     值得一提的是外链式的<**link**>属性可以有多个，因此一个HTML可以引入多个CSS。

（行内式）     行内式是将CSS样式单独写入元素的属性style中，这种的方法只会对单个的元素有效，不会影响到整个文件，因此可以更精确的控制HTML文档的显示效果。

属性选择器

   对带有指定属性的HTML元素设置的样式，需要将属性值用方括号括起来，从而表示这是一个属性选择器，属性选择器的语法格式共有四种：

语法	含义
E[属性]	用于选取带有指定属性的元素
E[属性=值]	用于选取带有指定属性的指定的元素
E[属性~=值]	用于选取属性值中包含指定的元素，该值必须是单独单词可以前后带有空格
E[属性 丨=值]	用于选取以指定值开头的属性，该值必须是单独单词或者后面跟个“-”

ID选择器

由于ID的唯一性，通常会将E省略。ID选择器虽然已经很明确的表明了选择某种元素，但是他依旧可以作用于其他的选择器当中。譬如可以选择后代元素或者子元素（如下图所示）：

类选择器

类选择器除了不具有唯一性，其他规范与ID选择器相同，与id选择器不同的是，元素可以基于它的类而被选择。（如下图所示）：

伪类选择器

伪类是指那些处在特殊状态的元素。伪类名称可以单独的使用，也可以同其他元素连起来一起用，伪类元素以**冒号（：）**开头，元素选择符与冒号中间不能存在空格。（如下图所示）：

（内嵌式）

（效果图）

伪元素选择器

伪元素选择器是指那些元素中特别的内容。伪元素选择器同使用的方法同伪类选择器格式一致。（如下图所示）：

（代码图）

（效果图）