简介

CSS是Cascading Style Sheet的缩写，译作层叠样式表单，是一组格式设置规则。是用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS的定义是由三个部分组构成：选择符（Selector），属性（properties）和属性的取值（）。CSS选择符就是CSS样式的名字。

作用

（1）在几乎所有的浏览器上都可以使用。

（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。

（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。

（4）你可以轻松地控制页面的布局 。

（5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。

CSS的分类

通配选择符

获取某范围里的所有元素。通配符匹配到的元素范围广，取得的结果相对较大，效率略低，建议少用。

属性选择符

匹配元素的属性与其值都符合的元素。属性选择符的格式为：[属性名=属性值] 或者 [属性名!=属性值]。 属性选择符可以有多重，比如 input[type=text][className=username]。

包含选择符

一个选择符被另一选择符所包含。如 $("div a") 表示 div 元素中包含的 a 元素。

ID 选择符

根据ID属性匹配元素，$("id") 与 $("#id") 完全等效。返回类型都是 DOM 元素。$("body div #id") 是不必要的写法，其返回值是数组，但长度为 1。

类选择符

根据元素的类名查找元素。$("div.content") 表示查找页面中类名为 content 的元素。类选择符是属性选择符的特例，相当于 $("div[className=content]")，但不建议用属性选择符来查找类名，因为元素的类名可以有多个（类名间用空格分割）。

选择符分组

多个选择符组合在一起可以是一个复合选择符，多个复合选择符或多个单一选择符可以是多组选择符（用逗号分割）。如：$("div.content,a") 表示页面中所有类名为 content 的 div 元素与页面中所有的 a 元素组合在一起作返回值数组。

示例

选择符	示例代码	说明	返回值长度 （数组长度）
通配选择符	$("#newsTitle *")	#newsTitle 元素下面的所有元素	14 （ul*2 + li*4 + a*4 + div*1 + input*3）
属性选择符	$("#newsTitle input[type=checkbox][value!=read]")	#newsTitle 元素下面标签名为 input，其 type 为 checkbox，且其 value 不等于read的元素	1
包含选择符	$("ul li a")	返回页面中所有 ul 中的所有 li 里的所有 a 的数组	4
ID 选择符	$("#newsTitle")	返回 #newsTitle 元素	1
类选择符	$("ul.list")	页面中所有类名包含 list 的 ul 元素	2
选择符分组	$("a,input[type=checkbox]")	页面中所有 a 与勾选框的数组	6