集团官网
  • 国家级全民数字素养与技能培训基地
  • 河南省第一批产教融合型企业建设培育单位
  • 郑州市数字技能人才(码农)培养评价联盟

CSS层叠性和继承性的概念有什么不同?

编辑:云和数据 日期:2022-09-26 15:39

CSS是层叠式样式表的简称,层叠性和继承性是其基本特征。对于网页设计师来说,应深刻理解和灵活运用这两个概念。

1.层叠性

层叠性是指多种CSS样式的叠加。例如,当使用内嵌式CSS样式表定义

标记字号大小为12m,外链式定义

标记颜色为红色,那么段落文本将显示为12p既这两种样式产生了叠加。

2.继承性

继承性是指书写CSS样式表时,子标记会继承父标记的某些样式,如文本颜色和字号。例如,定义主体标记body的文本颜色为黑色,那么页面中所有的文本都将显示为黑色,这是因为其他标记都嵌套在标记中,是标记的子标记。

继承非常有用,可以不必在标记的每个后代上添加相同的样式。如果设置的属性是一个可继承的属性,只需将它应用于父标记即可,例如下面的代码:

p, div, hl, h2, h3, h4, ul, ol, dl, li(color: black;}

就可以写成:

body( color:black;}

第二种写法可以达到相同的控制效果,且代码更简洁(第一种写法中有一些陌生的标记,了解即可)。

恰当地使用继承可以简化代码,降低CSS样式的复杂性。但是,如果在网页中所有的标记都大量继承样式,那么判断样式的来源就会很困难,所以对于字体、文本属性等网页中通用的样式可以选用继承。例如,字体、字号、颜色等可以在body标记中统一设置,然后通过继承影响文档中所有文本。

需要注意的是,并不是所有的CSS属性都可以继承,例如,下面的属性就不具有继承性。

边框属性, 如border、border-top、border-right、border-bottom等。外边距属性,如margin、margin-top、margin-bottom、margin-left等。

内边距属性,如padding、padding-top、padding-right、padding-bottom等。

背景属性,如background、background-image、background-repeat等。

定位属性,如position、top、right、bottom、left、z-index等。

布局属性, 如clear、float、clip、display、overflow等。

元素宽高属性,如width、height。

注意:当为body标记设置字号属性时,标题文本不会采用这个样式,可能会认为标题没有继承文本字号,这种认识是错误的。标题文本之所以不采用body标记设置的字号,是因为标题标记h1~h6有默认字号样式,这时默认字号覆盖了继承的字号。

相关内容

抢先一步 鸿蒙(HarmonyOS)应用开发者高级认证 免费考! 适合人群计算机相关专业在校生(技师、中职、高职、本科、研究生)对鸿蒙(HarmonyOS)有兴趣的非计算机相关专业在校生目前正在从事移动应用的开发者目前正在从事计算机行业相关的人计算机专业高校老师所有对鸿蒙(HarmonyOS)有兴趣的人 培训方案掌握鸿蒙的核心概念和端云一体化开发、... 什么是Java的多态性(polymorphism)?它有哪些不同的形式? 多态性是Java面向对象编程的一个重要概念,它允许不同的对象以一致的方式响应同一个方法调用,具体表现为对象在运行时可以表现出多个不同的形态。多态性主要有两种不同的形式:编译时多态性(静态多态性)和运行时多态性(动态多态性)。1. 编译时多态性(静态多态性):   ... 如何学习和搭建Hadoop开发环境? Hadoop是大数据处理领域的重要平台,能够处理和分析大量数据。为了有效地利用Hadoop,我们需要学习其基础知识,并正确搭建开发环境。下面是详细的学习和搭建指南。一、学习Hadoop基础掌握基础概念和原理Hadoop主要由HDFS和MapReduce两部分组成。HDFS是分布式文件系统,Ma... UI 设计学习如何进阶成为高手 我总结了六种方法,帮助你走出舒适区,提高技能,成长为自信且经验丰富的UI设计高手一位经验丰富的 UI 设计师,往往十分看中应用程序界面的吸引力和视觉刺激,确保满足用户期望和需求。但是,如果你已经在 UI 设计圈摸爬滚打多年,仍然没有出色的作品,那你极有可能是因为陷入了一个舒适圈,UI技能一直原... 在Java中Executor和Executors的区别? 在Java中,Executor和Executors都与线程池和并发执行有关,但它们是不同的概念和类。1.ExecutorExecutor是一个接口,位于java.util.concurrent包中,用于表示一个执行任务的执行器。它只定义了一个方法:void execute(Runnable c... String类型的常见命令有哪些? String类型,也就是字符串类型,是Redis中最简单的存储类型。其value是字符串,不过根据字符串的格式不同,又可以分为3类:string是普通字符串,int整数类型,可以做自增、自减操作,float浮点类型,可以做自增、自减操作。String的常见命令有:SET:添加或者修改已经存在的...