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