当前位置 : 主页 > 网页制作 > html >

HTML基础2

来源:互联网 收集:自由互联 发布时间:2021-06-12
1. 常见 CSS 属性 2. CSS 选择器 三种基本选择器:元素选择器、类选择器、 ID 选择器 3. 声明冲突 4. 层叠概述 1. 什么是层叠? 层叠是一种机制,用于解决 CSS 声明冲突,多个相同的 CSS 声

1.常见CSS属性

 

2.CSS选择器

三种基本选择器:元素选择器、类选择器、ID选择器

 

3.声明冲突

 

4.层叠概述

1.什么是层叠?

层叠是一种机制,用于解决CSS声明冲突,多个相同的CSS声明(属性),应用到同一个元素上

2.层叠的过程

比较优先级:优先级低的声明会被淘汰,优先级高的声明胜出

比较特殊性:特殊性低的声明会被淘汰,特殊性高的声明胜出

比较源次序:源次序靠前的声明会被淘汰,靠后的声明胜出

经过这三个步骤,仅会有一个声明最终胜出,其他的全部被淘汰

5.比较优先级

每一个声明都有一个优先级

当发生冲突时,优先级高的会保留,优先级低的会被淘汰

一个声明的优先级,与它的来源和重要性有关

若属性值后跟上!important,则表示一条重要声明,否则,表示普通声明

 

6.比较特殊性

比较特殊性-具体规则

 

比较特殊性-总体规则

 

 

 

 

7.比较源次序

最后出现的声明胜出,其他的全部淘汰

该规则的实际应用

CSS Reset代码前置

a元素的伪类书写顺序

 

8.继承

1.什么是继承?

继承(inherit),是指子元素会自动拥有父元素的某些CSS属性,继承须有传递性

继承是自动发生的,开发者不需要书写任何额外的代码

并不不是所有CSS属性都可以被子元素继承

可被继承的属性:

 

不可被继承的属性:background-color

 

2.继承发生的场景

一个元素的某个CSS属性,只有满足下面两个条件,才会继承父元素:

该属性是可继承的属性

该属性在样式表中没有声明

强制继承

强制继承,也叫做显式继承,是指将CSS属性值设置为:inherit

这样做,通常有两个原因:

为了继承有些不可继承的属性

为了继承已被声明过的属性

9.属性值计算过程简介

网友评论