标签:
1、CSS语法规范总结
内联样式:有样式声明组成
<h1 style="background-color:silver;color:blue;">文本</h1>
样式表:有多个样式规则组成
每个样式规则有两部分:选择器和样式声明
2、CSS样式表特征
继承性
大多数CSS的样式规则可以被继承
层叠性
可以定义多个样式表
不冲突时,多个样式表中的样式可层叠为一个
优先级
样式定义冲突时,按照不同样式规则的优先级来应用样式
3、样式优先级
浏览器缺省设置
外部样式表或者内部样式表
就近优先
内联样式
相同的样式,如果重复定义,以最后一次的定义为准
4、元素选择器
html文档的元素就是选择器
比如<p>、<h1>等
p{
}
5、类选择器
类选择器允许以一种独立于文档元素的方式来指定样式
语法为: .className{ }
所有能附带class属性的元素都可以使用此样式声明
将元素的class属性的值设置为样式类名
可以将类选择器和元素选择器结合起来使用,以实现对某种元素中不同样式的细分控制
语法为:元素选择器.className{}
先声明一个元素选择器,
然后使用一个点号(.)代表将使用类选择器
然后声明一个类的名称
然后使用一对大括号声明样式规则
将样式规则与附带class属性的某种元素匹配
元素的class属性的值为分类选择器中指定的样式类名
6、id选择器
id选择器以一种独立于文档元素的方式来指定样式
它仅作用于id属性的值
语法为:
选择器前面需要有一个#号
选择器本身则为文档中某个元素的id属性的值
7、选择器分组
选择器声明为以逗号隔开的选择器列表
将一些相同的规则作用于多个元素
8、派生选择器
通过依据元素在其位置上的上下文关系来定义样式
选择器一端包括两个或多个用空格分割的选择器
9、伪类选择器
伪类用于向某些选择器添加特殊效果
使用冒号(:)作为结合符,结合符左边是其他选择器,右边是伪类
常用伪类:
:link
:active
:visited
:hover
:focus
标签:
原文地址:http://www.cnblogs.com/Crow00/p/4536575.html