css基础知识
css的基本语法
注释： /* */
1.通配选择符 *{}
2.类型选择符 body{} p{}
3.群组选择符 h1,h2,h3{}
4.包含选择符 div h1{}
5.id （#selector） 和 class（.selector） （）在网页中id名称只能使用一次，而class 的名称可以使用多次
6.标签指定选择符 如果既想使用id也想使用class那么使用 h1 #content{} 表示针对所有id为content的h1的标签有效
h1.p1{} 表示针对所有class为p1的h1标签有效
7.组合选择符
h1.p1{} 表示h1标签下的所有class 为p1的标签<h1><hr class="p1"></h1>
#content h1 表示id为content下的所有h1标签
h1.p1,#content h1{} 对以上二者的群组
h1#content h2{} 表示id为content的h1标签下的h2<h1 id="content"><h2></h2></h1>
二.伪类伪对象
伪类可以看做是一种特殊的类选择符，是能被支持CSS的浏览器自动识别的特殊选择符。它的最大用处就是可以链接不同状态下定义的样式效果：
语法：
伪类的语法就是在原有的语法中加上一个伪类（pseudo-class）：
selector：pseudo-class{property：value} /*（选择符：伪类{属性：值}）
伪类与类不同的是，伪类CSS已经定义好了，不能像类选择符一样随意用别的名字，根据上面的语法可以解释为对象（选择符）在某个特殊状态下（伪类）的样式。
类选择符及其他选择符也同样可以和伪类混合使用。
selector.class：pseudo-class{property：value}
a{
}
a:hover{
}
a:visted{
}
a:link{
}
a:active{
}
伪类列表：
属性 描述 CSS
:active 向被激活的元素添加样式。 css1
:focus 向拥有键盘输入焦点的元素添加样式。 css2
:hover 当鼠标悬浮在元素上方时，向元素添加样式。 css1
:link 向未被访问的链接添加样式。 css1
:visited 向已被访问的链接添加样式。 css1
:first-child 向元素的第一个子元素添加样式。 css2
:lang 向带有指定 lang 属性的元素添加样式。 css2
:first-letter 向文本的第一个字母添加特殊样式。 css1
:first-line 向文本的首行添加特殊样式。 css1
:before 在元素之前添加内容。 css2
:after 在元素之后添加内容。 css2 <table>
