HTML基础2

Posted 2022-08-02 rainbow1357

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.属性值计算过程简介