CSS的继承性和层叠性

您所在的位置:网站首页 css样式表具有继承性吗为什么 CSS的继承性和层叠性

CSS的继承性和层叠性

2024-07-10 19:22| 来源: 网络整理| 查看: 265

文章目录 前言一、继承性二、层叠性1.选中目标标签2.选中祖先级标签3.important和行内式 总结

前言

今天主要学习css的层叠式,并对之前的学习进行一个阶段性的巩固,做做相应练习。

一、继承性

除了前面提到的样式之外,还有一个重要的概念就是层叠式,层叠式式贯穿整个css的性质,包含继承性和层叠性。 一个标签没有设置过样式,他的某个祖先级设置过,这种从祖先级继承过来的,成为继承性。能够被继承的是所有文字相关的样式属性,其他的属性都不能被继承。 在这里插入图片描述 代码如下(示例):

Document body { color: brown; font-family: "宋体"; font-size: 12px; } .box1 { width: 200px; height: 200px; background-color: aqua; } /* p { height: 50px; } */ 这是一个二级标题 这是box1 标签内部的段落 这是box1 标签内部的段落 这是box1 标签内部的段落 这是box1 标签内部的段落 这是box1 标签内部的段落 这是box1 标签内部的段落 这是box1 标签内部的段落 这是box1 标签内部的段落

继承性应用: (1)可以将页面中出现最多的文字样式设置给一个较大的组先级标签例如body,后期所有的后代标签都可以从body进行继承。

二、层叠性 1.选中目标标签

基础选择器的权重:根据范围,范围越大权重越小。*



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3