CSS的再深入2(更新中···)
程序员文章站
2022-06-27 22:06:22
在上一章中,我们又引出了一个知识点: margin的问题 margin:0 auto;(上下为0,左右自适应)会解决元素的居中问题(auto 自适应) 同时,我们又要学习新的知识: CSS的两个性质和一个标准 1.继承性:后代会继承父系的一些属性(fon、color、text、line),这种现象叫 ......
在上一章中,我们又引出了一个知识点:
margin的问题
margin:0 auto;(上下为0,左右自适应)会解决元素的居中问题(auto 自适应)
同时,我们又要学习新的知识:
css的两个性质和一个标准
1.继承性:后代会继承父系的一些属性(fon、color、text、line),这种现象叫做继承现象。
2.层叠行
(1)选不中的情况下,走继承性。继承性的权重为0。
如果这个元素有多个父级设置了这样的样式,走就近原则,即哪个父级离它最近,就继承哪个父级的属性。
(2)选中情况下,首先需要考虑权重的问题,谁的权重大,就选谁的样式属性。
如果权重相同,因为后者会覆盖前者,所以谁的样式属性在后面,就选择谁的样式属性。
(备注:纯标签和类没有可比性;纯类和id也没有可比性;同时,选择器不存在晋级原则)
3.标准文档流
浏览器的排版是根据元素的特征(块级和行级),从上到下、从左到右排版,这就是标准文档流。
上一篇: 深入V8引擎-AST(5)
推荐阅读
-
CSS3中:nth-child和:nth-of-type的区别深入理解
-
div2 在 div3中, 希望div2的高度填满div3_html/css_WEB-ITnose
-
Yii2的相关学习记录,自定义gii模板和引用vendor中的js、css(四) - 漫游云巅
-
深入浅析JS中的的try catch语句,聊聊它的 2 个作用!
-
CSS的进一步深入(更新中···)
-
Angular2中监听数据更新的方法
-
CSS3中的transform属性进行2D和3D变换的基本用法
-
CSS3中:nth-child和:nth-of-type的区别深入理解
-
深入理解Linux shell中2>&1的含义(全网最全,看完就懂)
-
CSS的再深入(更新中···)