码迷,mamicode.com
首页 > Web开发 > 详细

HTML基础2

时间:2019-08-19 00:08:21      阅读:87      评论:0      收藏:0      [点我收藏+]

标签:color   cal   bsp   规则   相同   重要   import   保留   优先   

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

标签:color   cal   bsp   规则   相同   重要   import   保留   优先   

原文地址:https://www.cnblogs.com/RAINBOW1357/p/11374366.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!