HTML基础2

概述1.常见CSS属性   2.CSS选择器 三种基本选择器：元素选择器、类选择器、ID选择器   3.声明冲突   4.层叠概述 1.什么是层叠？ 层叠是一种机制，用于解决CSS声明冲突，多个相同的CSS声明(属性)，应用到同一个元素上 2.层叠的过程 比较优先级：优先级低的声明会被淘汰，优先级高的声明胜出 比较特殊性：特殊性低的声明会被淘汰，特殊性高的声明胜出 比较源次序：源次序靠前的声明会被淘汰

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

总结

以上是内存溢出为你收集整理的HTML基础2全部内容，希望文章能够帮你解决HTML基础2所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。