css的三大特性（自学笔记）

最新推荐文章于 2023-12-17 17:09:27 发布
最新推荐文章于 2023-12-17 17:09:27 发布
阅读量111 收藏
点赞数
分类专栏： 自学笔记 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zmhxuexi/article/details/107416885
版权
本文深入讲解CSS的三大特性：层叠性、继承性和优先级。层叠性解释了样式冲突时浏览器如何处理；继承性说明子标签如何继承父标签的样式；优先级则解决了样式规则在元素上叠加时的执行顺序。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

CSS的三大特性

层叠性

CSS叫层叠样式表，所谓的层叠性是指多种css样式的叠加，是游览器处理冲突的一个能力，如果一个属性通过两个相同的选择器作用到一个元素上，那吗一个属性就会把另个一个属性层叠掉。
一般情况下出现样式冲突，遵循的原则就是就近原则，哪个样式离结构近就执行哪个样式

继承性

所谓继承性就是在书写css样式时，字标签会继承父标签的某些样式，一般继承一些与文本相关的属性

链接: 具体哪些可继承哪些不可继承.

CSS优先级

定义css样式时，经常会出现两个或多个规则应用在同一个元素上，这时候就出现了优先级的问题

权重
继承或者*的权重0,0，0,0
每个元素(标签)0,0，0,1
每个类伪类标签0,0，1,0
每个ID0,1，0,0
每个行内样式的贡献值1,0，0,0
每个！无穷大
  1. 权重是可以叠加的
  2. 权重相同就按就近原则
  3. 继承的权重为0
CSS三大特性
小白
04-30 294
CSS 三大特性 层叠 继承 优先级 是我们学习CSS 必须掌握的三个特性。 CSS层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。 就...
css的三大特性
deeppink的博客
02-20 273
css的三大特性：层叠性，继承性，优先级 层叠性原则： 必须是相同的选择器 1、样式不冲突，不会层叠 2、样式冲突，遵循**“”就近原则“”**，哪个离样式近，就执行哪个样式 继承性： 子元素可以继承父元素样式（text- font- line- 以及 color属性）会自动继承 行高的继承 行高可以加单位也可以不加单位 例子：father｛ font：12px/1.5 ‘微软雅黑’ ｝ s...
CSS的三大特性
农夫阿才
08-08 162
CSS三大特性CSS继承性CSS层叠性CSS优先级 CSS继承性 给父元素设置一些属性，子元素也可以使用。 并不是所有的元素都可以继承，只有以color / font- / text- /line 开头的属性才可以继承 变成灰色表示没有继承过来 在CSS中，不仅仅只有儿子可以继承，只要是后代都可以继承。 继承的特殊性 a标签的文字颜色和下划线是不能被继承的 h标签的文字大...
css自学笔记
2301_80307704的博客
12-17 82
HTML&CSS自学笔记大全
04-09
CSS允许更精确地控制布局，例如使用`float`属性实现元素的浮动，`position`属性来定位元素，`box-sizing`属性控制元素的尺寸计算方式，以及`flexbox`或`grid`布局模型来创建复杂的响应式设计。 在HTML5中，新增了...
最全自学笔记，自学路线Html5+css3.mmap
09-14
Html5+css3最全自学笔记，自学路线，最快入门方法，你指的拥有
CSS自学笔记
03-02
### CSS自学笔记精炼知识点 #### 一、CSS选择器与基本语法 - **HTML元素选择器**：如`div`、`p`等，直接指定HTML标签进行样式定义。 - **类选择器（class）**：使用`.`前缀，如`.lcl`，用于同一类元素的样式设置。...
HTML&CSS基础自学笔记---实现静态网页
10-30
CSS（Cascading Style Sheets）则用于控制网页的布局和视觉效果。 在HTML中，基础标签的使用至关重要。例如，`<h1>`至`<h6>`系列标签用于定义不同级别的标题，它们具有从大到小的语义层次，通常`<h1>`代表主要标题...
CSS快速掌握，自学版
10-08
该资源摘要信息涵盖了CSS的基本概念、语法规则、基本选择器、尺寸样式属性、文本属性、字体属性、复合元素选择器、列表样式属性、伪类选择器、属性选择器等多个方面的知识点，是一本非常实用的CSS自学笔记。
说一个知识点：CSS 三大特性
whiteFJ的博客
05-19 478
直入主题，说一下CSS有哪三大特性1.继承：顾名思义，资源与可以继承父元素的样式,只要是以color/font-/text-/line开头的都可以继承* &lt;a&gt; 标签的文字颜色和下划线不可以继承* &lt;h&gt; 标签的文字大小不能继承2.层叠:层叠就是处理css冲突的一种能力3.优先级（权重）:给html标签添加css时，不同选择器有不同的优先级!important&gt;id&...
【CSS基础学习】CSS的三大特性
lolly1023的博客
04-17 4464
CSS的三大特性
CSS 三大特性
BOM485480的博客
10-22 660
CSS层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同权重选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。 一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。 样式冲突，遵循的原则是就近原则。 那个样式离着结构近，就执行那个样式。 样式不冲突，不会层叠 CSS继承性 所谓继承性是指书写CS
一元运算符（自学笔记）
zmhxuexi的博客
10-05 2035
一元运算符 ++，- -都是运算符 ++，- -可分为前+，后＋和前-，后减 如果++在后面，如：num++ +10:；先参与运算，然后自身结果再加一 如果++在前面，如：++num +10:；先自身加一，然后再参与运算 以上同理也适应于- -的运算规则 var num=10; num++;//自身+1 console.log(num);//输出11 var num=10; ++num;//自身+1 console.log(num);//输出11 ...
line-height为什么会使文字居中
zmhxuexi的博客
06-18 954
首先行高是文字的字符大小和字符上下的边距决定的，关键就是这个上下的边距是相等的，你可以把行高想象是两条看不见的水平平行线，而在平行线内，字符与平行线上下的边距总是相等的，就是垂直居中的意思。 而height这个属性是盒子属性的高度，盒子并没有像行高这样与上下的边距是相等的要求。而是默认在左上角 所以不是行高line-height与文字高height一样就能让文字居中，而是应该这样理解，字符本来就在行高内垂直居中了，只是行高与文字的盒子高度不等，导致不能在盒子里垂直居中，如果我们把行高line-height与
圆角边框（自学笔记）
zmhxuexi的博客
07-31 551
圆角边框（CSS3） 语法格式： border-radius:50%;<!-- 让一个正方形变成一个圆 --> 四组值：border-radius:1px 1px 13px 2px;<!-- 分别表示左上、右上、右下、左下的圆角--> 三组值border-radius:10px 5px 1px ;<!-- 表示左上为10px、右上和左下为5px、右下为1px--> 二组值border-radius:10px 1px ;<!-- 表示左上和右下为10px、右上和左下
数组（自学笔记）
zmhxuexi的博客
10-26 526
数组 数组：一组有序的数据 作用：可以一次性存储多个数据 数组中存储的数据类型可以不一样 数组的定义： 1.通过构造函数创建数组 语法： var 数组名=new Array(); var array=new Array();//定义了一个数组 数组的名字如果直接输出，那么直接就可以把书组中的数据显示出来，如果没有数据，就看不到数据 var 数组名=new Array(长度); 如果数组中没有数据，但是有长度，那么数组中 的值就是undefined 构造函数的方式创建数组：如果Array(一个数字);---
表单标签（自学笔记）
zmhxuexi的博客
05-19 425
表单 表单的目的是用来收集用户信息 在HTML中，一个完整的表单是由表单控件（也称表单元素），提示信息和表单域三个部分组成 input 控件 （重点） input 输入的意思 <input />标签为单标签,type属性为其最基本的属性值，其取值有很多，用于指定不同的控件类型； 除了type属性之外也有其他属性，如下： 属性 属性值 描述 type text 单行文本输入框 password 密码输入框 radio 单选按
html css自学笔记
最新发布
01-09
### HTML 和 CSS 自学资源推荐 学习HTML和CSS对于网页设计至关重要。为了更好地掌握这两种技术，可以利用多种在线资源来提升技能。 #### 1. 官方文档与权威指南 W3C官方提供了详细的HTML和CSS标准文档[^1]。这些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值