标签：round pad UI 中间 ack :hover nbsp span port
css用于控制元素样式，css语法为 选择符{属性：值}方式进行设置
1 类型选择符
就是将标签作为选择符，如body div h1 span等
2 群组选择符
如 h1,h2h3{padding:5px;}中间使用,分隔符，由多个选择符组成，表示这一组选择符均采用一致样式
3 包含选择符
包含主要用于父级内部字集节点的设置，就像xpath路径一样，语法为选择符之间使用 空格作为分隔符
如 h1 span{font-weight:bold} 意思是h1内部所有span节点使用字体加粗样式
4 id和class选择符
这个很简单了
5 组合选择符
与群组选择符差不多，将多个选择符进行组合，选择符之间平级关系则为群组，使用 逗号 分隔符，包含关系 则使用 空格选择符
6 伪类和伪对象
这几个玩意儿是固定的，不能进行自定义的主儿
伪类：
:link 表示a标签在未被访问之前的样式
:hover 表示鼠标移动到元素上的样式
:active 表示被点击和被释放之间的样式
:visited 表示被访问后的样式
:focus 表示获取到焦点时候样式
：first-child 表示元素第一个子节点样式
：first 表示页面第一页使用的样式
伪对象 （第一个和最后一个用得较多，常用来做一些高级ui交互）
：after 表示标签后面的内容
：first-letter 标签内的第一个字符样式
：first-line 标签内第一行样式设置
：before 标签之前的内容
7 通配选择符
* 符号，即所有对象的共同点
8 优先级
常规来说：id选择符>类选择符>标签选择符，在某些时候可以使用！important来提升同集当中样式的优先级 如 div{ background-color:red ,background-color:blue;}
一般是后面覆盖前面，但是加上!important之后则得到提升：div{ background-color:red !important,background-color:blue;}最终div呈现为红色
而优先级的通用算法：谁近谁高，即谁离被应用该样式的元素近则优先级高
标签：round pad UI 中间 ack :hover nbsp span port
原文地址：http://www.cnblogs.com/rjjs/p/6489765.html
