css的分类：内联，内嵌，外部
内联：写在标签里，style=样式，控制精准代码实用性差。
内嵌：嵌在<head></head>里
<style type="text/css">
</style>
控制没有内联精准，但是实用性高。
外部：单独的样式文件，
引用
<link rel="stylesheet" type="text/css" href=""/>
控制没有内联精准，但是实用性最好。
选择器：
样式是用来选取元素的。
标签：根据标签名来选中元素。
input[type="text"]
class：用.来选中，
根据class命来筛选元素
可以游重复的名字。
id：用#来选中
根据id命来筛选唯一元素
不能有重复的名字。
复合：逗号：并列 div，span
空格 后代：#list li
大于号：子元素选择器 div>P div中所有p标签
属性选择器;
[属性名 = 属性值]{} 属性名后边可以加 |、*等 代表匹配所有属性有属性值的元素
表单元素的属性选取：input[type="text"]。
伪类：
a标签的四个伪类：
a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接,其他元素也有此方法，而且可以找到子元素 */
a:active {color:#0000FF;} /* 已选中的链接 */
伪元素：
与伪类针对特殊状态的元素不同的是，伪元素是对元素中的特定内容进行操作，它所操作的层次比伪类更深了一层，也因此它的动态性比伪类要低得多。实际上，设计伪元素的目的就是去选取诸如元素内容第一个字（母）、第一行，选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的，但是它本身只是基于元素的抽象，并不存在于文档中，所以叫伪元素。
:link a:link 选择所有未访问链接
:visited a:visited 选择所有访问过的链接
:active a:active 选择正在活动链接
:hover a:hover 把鼠标放在链接上的状态
:focus input:focus 选择元素输入后具有焦点
:first-letter p:first-letter 选择每个<p> 元素的第一个字母
:first-line p:first-line 选择每个<p> 元素的第一行
:first-child p:first-child 选择器匹配属于任意元素的第一个子元素的 <]p> 元素
:before p:before 在每个<p>元素之前插入内容
:after p:after 在每个<p>元素之后插入内容
:lang(language) p:lang(it) 为<p>元素的lang属性选择一个开始值