css---日记5

css样式表特征：

1.继承性

大部分的样式属性，是可以被继承的

如：color、font-size，background-color

2.层叠性，可以为一个元素定义多个规则

3.优先级

在层叠性的基础上，如果样式属性冲突的话，按照不同的规则来优先级来　　

 

浏览器缺省设置：（user agent style sheet）优先级最低

4.外部样式表和内部样式表

就近原则   后定义优先

内联样式    优先级最高

5.！important规则

显示调整样式的属性的优先级，冲突的样式中，以important为准

6.基本排错：

unknown property name样式属性名写错

invalied property  value样式属性值写错

二：选择器

选择器的作用：规范页面中哪些元素能够声明好的样式来匹配页面元素

2.选择器详解：

1.通用选择器

1.作用：匹配页面中所有的元素

2.语法：

*样式声明

尽量少用*，用继承性去代替

元素选择器

指定页面元素的默认样式

以元素名称来作为选择器的名称

 

三、选择器

id为nav的元素，class为redcolor的元素，class为bigfont的元素，id为sec的元素，页面上所有的span元素，字体颜色为 红色
6、后代选择器
后代：只要具备层级关系的元素都可以称之为后代
语法：选择器1 选择器2{ }
ex：1、要匹配 id为d1元素中的所有span元素
#d1 span{ }
2、要匹配class为redback的元素中 所有 class为bigfont的元素
.redback .bigfont{ }
7、子代选择器
子代：只具备一级层级关系的元素，称之为子代元素
语法：选择器1>选择器2{}
特点：不想匹配任意后代，而是想缩小范围
8、伪类选择器
1、作用
为了匹配元素不同的状态的
2、伪类选择器
所有的伪类选择器都是以 ：作为开始
多数会配合着其他选择器一起使用

1、链接伪类
:link,匹配尚未访问的超链接的状态
:visited,匹配访问过的超链接的状态
2、动态伪类
:hover,匹配鼠标悬停时的状态
:active,匹配元素被激活时的状态(一瞬间)
:focus,匹配元素获取焦点时的状态(光标闪动时)
注意：
为 超链接 元素定义伪类样式时，如果链接伪类和动态伪类同时设置时，必须按照以下顺序设定
:link{}
:visited{}
:hover{}
:active{}

id为nav的元素，class为redcolor的元素，class为bigfont的元素，id为sec的元素，页面上所有的span元素，字体颜色为 红色
6、后代选择器
后代：只要具备层级关系的元素都可以称之为后代
语法：选择器1 选择器2{ }
ex：1、要匹配 id为d1元素中的所有span元素
#d1 span{ }
2、要匹配class为redback的元素中 所有 class为bigfont的元素
.redback .bigfont{ }
7、子代选择器
子代：只具备一级层级关系的元素，称之为子代元素
语法：选择器1>选择器2{}
特点：不想匹配任意后代，而是想缩小范围
8、伪类选择器
1、作用
为了匹配元素不同的状态的
2、伪类选择器
所有的伪类选择器都是以 ：作为开始
多数会配合着其他选择器一起使用

1、链接伪类
:link,匹配尚未访问的超链接的状态
:visited,匹配访问过的超链接的状态
2、动态伪类
:hover,匹配鼠标悬停时的状态
:active,匹配元素被激活时的状态(一瞬间)
:focus,匹配元素获取焦点时的状态(光标闪动时)
注意：
为 超链接 元素定义伪类样式时，如果链接伪类和动态伪类同时设置时，必须按照以下顺序设定
:link{}
:visited{}
:hover{}
:active{}