前端一HTML:十三:css的三大特性

1. 继承

给父元素设置一个属性，然后子元素可以使用.

凡是以 line-,text-,font-开头的属性都是可以继承。

2. 层叠

是页面处理冲突属性的一个能力

如果两个选择器为同一个元素设置了不同的属性，它们会同时作用于这个元素。

如果两个选择器为同一个元素设置了相同的属性，它们会发生层叠。(层叠的结果跟优先级有关系)

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style type="text/css">.one{font-style: italic;color:blue;}div{font-size: 30px;color:red;}</style>
</head>
<body><div class="one" id="one">abc</div>
</body>
</html>

3. 优先级

优先级从大到小排列: !important属性 > id选择器 > 类选择器 > 标签选择器>通配符>继承>浏览器默认

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style type="text/css">#one{color: pink;}.one{font-style: italic;color:blue;}div{font-size: 30px;color:red;}.father {color: yellow;}* {color: purple;}</style>
</head>
<body><div class="father"><div class="one" id="one">abc</div></div>
</body>
</html>

前端一HTML:十三:css的三大特性相关推荐

前端与移动开发-----CSS（三大特性+盒子模型原理）
CSS 三大特性(层叠性.继承性.优先级 ) CSS 三大特性之层叠性在开发中出现样式层叠时候:对一个元素多次设置同一个样式,会使用最后一次设置的属性值 . 样式层叠的原则:样式冲突,就近原则,后定 ...
前端基础-CSS的各种选择器的特点以及CSS的三大特性
一. 基本选择器二. 后代选择器.子元素选择器三. 兄弟选择器四. 交集选择器与并集选择器五. 序列选择器六. 属性选择器七. 伪类选择器八. 伪元素选择器九. CSS三大特性一. ...
【CSS】CSS的三大特性
CSS的三大特性 1. CSS具有层叠性 2. CSS具有继承性 3. CSS有优先级一.CSS具有层叠性说明层叠性是多种CSS样式的叠加,是浏览器处理样式冲突的方式.在HTML中对于同一个元素 ...
CSS层叠样式表--三大特性
一.继承性有些属性,如果父元素中已经设置过,其子元素无需重新设置.(可以节省代码) ★★★继承性失效的情况 1.继承的优先级没有浏览器的默认样式高. 二.层叠性 1.多个选择器可以同时作用于同一个标 ...
web前端学习128-134（CSS三大特性---层叠性，继承性，优先级）
文章目录 1 CSS的三大特性 1.1 层叠性 1.2 继承性 1.3 优先级 1 CSS的三大特性 CSS有三个非常重要的三个特性︰层叠性.继承性.优先级. 1.1 层叠性相同选择器给设置相同的样 ...
前端之CSS篇(三)——CSS三大特性及盒子模式和边距边框
1.CSS的三大特性 CSS有三个非常重要的三个特性:层叠性.继承性.优先性 1.1 层叠性相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式.层叠性主要解决样式冲突的问题. ...
CSS选择器补充，CSS三大特性以及字体、文本样式。
在昨天基础上补充的三个选择器伪元素选择器使用伪元素来表示元素中的一些特殊的位置 ::after 表示元素的最后边的部分一般需要结合content这个样式一起使用, 通过conte ...
CSS三大特性的利用注意事项
CSS的三大特性目录 CSS的三大特性一.CSS层叠性二.CSS继承性三.CSS优先级总结下面我会依次阐述这三种特性使用时的注意事项与方法. 一.CSS层叠性在对一个元素所设置的多个不同 ...
CSS / 三大特性+盒子模型+PS基础
目录 CSS的三大特性层叠性继承性优先级盒子模型边框 border 内边距 padding 外边距 margin PS测量 CSS的三大特性层叠性后来居上,相同选择器设置相同样式时,一个 ...

前端一HTML:十三:css的三大特性

1. 继承

2. 层叠

3. 优先级

前端一HTML:十三:css的三大特性相关推荐

最新文章

热门文章