EasyDemo*CSS语法及样式表知识点个人总结(三&&四)
三、CSS语法
1.1CSS语法规范总结
*内联样式:由样式声明组成
*样式表:由多个样式规则组成
-每个样式规则有两个部分:选择器和样式声明
1.2CSS样式表特征
*继承性
-大多数CSS的样式规则可以被继承
*层叠性
-可以定义多个样式表
-不冲突时,多个样式表中的样式可层叠为一个
*优先级
-样式定义冲突时,按照不同样式规则的优先级来应用样式
1.3样式优先级
四、CSS选择器
1.1元素选择器
*html文档的元素就是选择器
-比如<p>、<h1>等
1.2类选择器
*类选择器允许以一种独立于文档元素的方式来指定样式
-语法为: .className {color:red;}
*所有能够附带class属性的元素都可以使用此样式声明
-将元素的class属性的值设置为样式类名
*可以将类选择器和元素选择器结合起来使用,以实现对某种元素中不同样式的细分控制
*语法为:元素选择器.className{}
-先声明一个元素选择器
-然后使用一个点号(.)代表将使用类选择器
-然后声明一个类的名称
-最后使用一对大括号声明样式规则
*将样式规则与附带class属性的某种元素匹配
-元素的class属性的值为分类选择器中指定的样式类名
1.3id选择器
*id选择器以一种独立于文档元素的方式来指定样式
*它仅作用于id属性的值
*语法为:
-选择器前面需有一个#号
-选择器本身则为文档中某个元素的id属性的值
1.4选择器分组
*选择器声明以逗号隔开的选择器列表
-将一些相同的规则作用于多个元素
1.5派生选择器
*通过依据元素在其位置的上下文关系来定义样式
-选择器一端包括两个或多个用空格分隔的选择器
1.6伪类选择器
*伪类用于向某些选择器添加特殊的效果
*使用(:)作为结合符,结合符左边是其他选择器,右边是伪类
*常用伪类
-:link
-:active
-:visited
-:hover
-:focus