CSS（三）三大特性（层叠性+继承性+优先级）

最新推荐文章于 2023-01-12 01:05:47 发布
最新推荐文章于 2023-01-12 01:05:47 发布
阅读量116 收藏
点赞数
分类专栏： # CSS 文章标签： css 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52986400/article/details/125607948
版权

文章目录

一、三大特性

1.1层叠性

相同选择器设置相同的样式，此时一个样式会覆盖另一个冲突的样式。
层叠性原则：

  • 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个结构
  • 样式不冲突，不会层叠

1.2继承性

子标签会继承父标签的某些样式（文本颜色和字号等）
❣️行高的继承
font:12px/24px 意思是文字大小12px行高24px
在这里插入图片描述
当前元素文字大小的1.5倍，子元素继承父元素
优点：可以通过文字大小调整行高

1.3优先级

选择器不同，根据优先级权重执行
选择器相同，就近原则
在这里插入图片描述
❣️权重叠加
在这里插入图片描述

释怀°Believe
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
CSS特殊性、继承与层叠
09-27
CSS特殊性、继承和层叠是CSS样式应用的关键原则，它们决定了哪些样式会最终应用到网页元素上。首先，我们来详细了解一下这三个概念。 **特殊性（Specificity）**是CSS中决定样式优先级的一个机制。它根据选择器的...
css三大特性.pptx
11-25
### CSS三大特性详解 #### 一、层叠性 **定义**：层叠性是指在CSS中，当多个样式应用于同一个HTML元素时，如果这些样式中有冲突的部分，则其中一个样式会覆盖其他的样式。这一特性主要是为了处理样式之间的冲突。 ...
css三大特性
qq_43712187的博客
04-18 240
一、继承性 什么是继承性？ —作用：给父元素设置属性，子元素也可以使用，这个我们就称之为继承性 <style> div{ color: red; } </style> </head> <body> <div> <p>我是你</p> </div> </body> </h...
CSS的三大特性——层叠性、继承性和优先级
gettingtop的博客
11-04 347
CSS三大特性 css三大特性：层叠性，继承性，优先级 层叠性：选择器权重相同，样式有冲突。后者会覆盖（层叠）掉前者（就近原则）。样式不冲突不会层叠。 继承性：子标签会继承父标签的某些样式。如文字颜色，字号等（text- , font- , line- 这些元素以及color）。但不是所有样式都会被继承。  行高的继承性：   body { font:12px/1.5 Microsoft YaHei； } 行高可以跟单位也可以不跟单位 如果子元素没有设置行高，则会继承父元素的行高为 1.5 此时子元素
【自学CSS笔记】CSS的三大特性——层叠性，继承性与优先级
qq_51843898的博客
01-12 768
CSS有三大非常重要的特性：层叠性，继承性与优先级。以下便是对CSS三大特性的整理，这三大特性中，层叠性解决了CSS选择器相同时样式冲突的问题，继承性使得在指定整体CSS样式的时候代码更加简洁，优先级解决了不同选择器指定同一个元素的样式冲突问题。它们三者共同规范了CSS样式的指定规则，十分重要。
前端基础知识补充笔记--三大特性与注意事项
jx2931455的博客
04-14 144
CSS 有三个非常重要的三个特性：层叠性、继承性、优先级 需要注意一点的就是：行高的继承性 body { font:12px/1.5 Microsoft YaHei； } 行高可以跟单位也可以不跟单位 如果子元素没有设置行高，则会继承父元素的行高为 1.5 此时子元素的行高是：当前子元素的文字大小 * 1.5 body 行高 1.5 这样写法最大的优势就是里面子元素可以根据自己文字大小自动调整行高 ...
CSS的三大特性——层叠性、继承性、优先级
qq_43623147的博客
12-06 178
CSS的三大特性——层叠性、继承性、优先级 目录 CSS的三大特性——层叠性、继承性、优先级 层叠性 继承性 优先级 层叠性 相同选择器设置相同样式，此时一个样式就会覆盖（层叠）另一个冲突样式。层叠性解决样式冲突问题。 层叠性原则： 样式冲突，遵循就近原则，哪个样式离结构近，就执行哪个样式。 样式不冲突，不会层叠。 继承性 字标签会继承父标签的某些样式，与文字相关样式。 恰当使用继承性可简化代码，降低CSS样式的复杂性。 子元素可以继承父元素的样式（text-,font-,line
浅谈CSS 权值 层叠 重要性(!important)
09-27
CSS，即层叠样式表（Cascading Style Sheets），是用于控制网页元素样式的一种语言。在CSS中，当一个元素受到多个样式规则的影响时，浏览器会根据权值、层叠规则以及`!important`标记来确定最终应用的样式。本文将...
CSS 层叠和继承实现
09-25
CSS层叠（Cascade）和继承（Inheritance）是CSS样式应用中的两个核心概念，它们决定了元素如何获取和处理样式规则。理解这两个概念对于创建一致且可预测的网页布局至关重要。 1. **层叠** 层叠是CSS处理多个样式...
CSS三大特性——层叠性、继承性和优先级
小白
06-30 279
一、层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。 选择：就近原则 二、继承性 CSS中的继承：子标签会继承父标签的某些样式，如文本颜色和字号。 继承的样式: text- font- line- color 特殊：行高的继承 行高可以跟单位也可以不跟单位 font: 12px/24px 'Times New Roman'; font: 12px/1.5 'Times New Roman'; 三、优先级 当同一
05-CSS的三个特性：层叠性、继承性、优先级性
sayyesb的博客
08-27 129
CSS有三个特性：层叠性、继承性、优先级 一、层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要用来解决样式冲突的问题 层叠性原则： (1)、样式冲突，遵循的原则是就近原则，哪个样式离结构近就执行哪一个，即Css中后面写到样式会层叠掉前面写的样式 (2)、样式不冲突，就不会有层叠，如果选的是同一个元素，则会按照优先级执行 二、继承性（样式的继承） CSS中的继承：子元素会继承父元素标签的某些样式，如文本颜色和字号等 简
css层叠性规则
谦谦jun子
07-21 1204
一、当有多个样式规则应用到同一个元素时，应该优先选择哪个规则呢？   在CSS中，会根据选择器的特殊性来决定所定义的样式规则的次序，具有更特殊选择器的规则优先于具有一般选择器的规则。  各种选择器的特殊值： （1）内联样式的特殊值：1 0 0 0 （2）id选择器的特殊值为：0 1 0 0 （3）类选择器、属性选择器、伪类的特殊值为：0 0 1 0 （4）元
web前端学习128-134（CSS三大特性---层叠性，继承性，优先级）
weixin_51249285的博客
01-15 461
文章目录1 CSS的三大特性1.1 层叠性1.2 继承性1.3 优先级 1 CSS的三大特性 CSS有三个非常重要的三个特性︰层叠性、继承性、优先级。 1.1 层叠性 相同选择器给设置相同的样式，此时一个样式就会**覆盖（层叠)**另一个冲突的样式。层叠性主要解决样式冲突的问题。 层叠性原则: 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠 eg : 01-层叠性.html <!DOCTYPE html> <html lang="en">
CSS基础班笔记(二)
热门推荐
Augenstern_QXL的博客
04-09 2万+
0.snipaste工具 0号开头旨在介绍工具与注意事项，可直接跳过进行1号看起 – 介绍一个前端人员截图工具 常用快捷方式： F1可以截图，同时测量大小，设置箭头，书写文字等 F3在桌面置顶显示 点击图片，alt可以取色（按下shift可以切换取色模式） 按下ese取消图片显示 0.0PS插件切图 – -- 介绍一个前端人员切图工具 cutterman -------最好用的切图工具 官网：http://www.cutterman.cn/zh/cutterman 0.1单行文字垂直
CSS三大特性(层叠性、继承性、优先级）
qq_52301431的博客
03-27 1642
目录 （1）CSS层叠性 （2）CSS继承性 （3）CSS优先级 什么是优先级？ 优先级判断 优先级之!important 优先级权重 （4)总结： （1）CSS层叠性 是浏览器处理冲突的一个能力。如果一个css属性通过两个选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉（覆盖） 覆盖原则：先看权重，高者去覆盖。权重一样就遵守就近原则，后来者居上。 （2）CSS继承性 作用：子元素可以继承父元素的样式。 特殊性： 并不是所有的属性都可以继承,
CSS-三大特性
A_mnesia_的博客
09-19 257
CSS三大特性 层叠性 继承性 优先级 权重计算方法(特异性) css层叠性 层叠性是指多种css样式的叠加。 是浏览器冲突的一个能力，如果一个属性通过两个相同选择器设置到同一个元素上，那么这个会将另一个属性层叠掉 一般情况下，如果出现样式冲突，则会按照css书写顺序，以最后的样式为准 样式冲突，遵循的原则是就近原则。那个样式离着结构近，就执行那个样式。 样式不冲突，不会层叠 cs...
CSS三大特性(层叠性、继承性、优先级)
coderge's CSDN Blog.
04-10 1420
CSS有三个非常重要的三个特性: 层叠性、继承性、优先级。 1 层叠性 相同选择器给设置相同的样式。此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题 层叠性原则: . 样式冲突，遵循的原则是就近原则，哪个样式高结构近，就执行哪个样式 样式不冲突，不会层叠 2 继承性 现实中的继承：我们继承了父亲的姓 CSS中的继承子标签会继承父标签的某些样式。如文本颜色和字号。简单的理解就是：子承父业。 恰当地使用继承可以简化代码。降低CSS样式的复杂性 子元素可以继承父元素的样式 ( te
CSS 三大特性
BOM485480的博客
10-22 505
CSS层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同权重选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。 一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。 样式冲突，遵循的原则是就近原则。 那个样式离着结构近，就执行那个样式。 样式不冲突，不会层叠 CSS继承性 所谓继承性是指书写CS
CSS基础知识（七）：CSS三大特性——层叠性、继承性、优先级
前端
11-01 913
文章目录一、CSS三大特性二、层叠性三、继承性四、优先级 一、CSS三大特性 CSS三大特性：层叠性、继承性、优先级 二、层叠性 层叠性主要解决：冲突的问题，相同的选择器设置相同的样式，此时会产生样式冲突，层叠性使用就近原则，让一个样式覆盖掉另一个样式 样式冲突，遵循的原则就是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠 三、继承性 css的继承: 子标签会继承父标签的某些样式，如文本的颜色和字号，简单的理解就 是子承父业 恰当的使用继承可以简化代码，降低css样式的复杂性
css层叠性和css继承性
最新发布
04-09
CSS层叠性（Cascading）和CSS继承性（Inheritance）是CSS的两个重要特性。 1. CSS层叠性： CSS层叠性指的是当多个CSS规则应用于同一个元素时，通过一定的规则来确定最终应用的样式。具体来说，CSS样式表中的规则按照特定的优先级进行排序，优先级高的规则将覆盖优先级低的规则。优先级的计算方式包括选择器的特殊性、!important声明和样式表的顺序等。 2. CSS继承性： CSS继承性指的是某些属性值会被子元素继承自父元素。当父元素设置了某个属性值时，子元素将默认继承该属性值，除非子元素自身有显式地设置该属性值。一些常见的可继承属性包括字体样式、文本颜色、行高等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

释怀°Believe

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值