CSS进阶| 青训营笔记

46 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 9 天

CSS进阶

1.选择器的特异度:特异度高的所属属性会覆盖特异度低的 2.和文字相关的属性可隐式继承,模型相关不可以 (用inherit才可以) 3.每个属性有初始值,可以使用initial关键字重置为初始值

4.布局相关: height(百分数是相对于容器contentbox,且当容器有指定高度时) padding:1四周,2上下再左右,4从上顺时针 margin:左右都auto相当于居中(百分数相对于容器宽度) 在垂直方向margin会合并,取较大值 box-sizing:border-box (指定宽高包含了border和padding之后的) overflow:(visible,hidden,scroll)

5.块级(BFC)和行级(IFC)(盒子是css下的概念,元素是html) 单词是原子的,会overflow而不拆开(overflow-wrap:break-word) 解决margin合并:分散在两个BFC中 span本身是行级盒子,被块级割开上下的行级都会分配一个匿名块 display:flex让其内部元素flex排列 (主轴是水平方向justify-content控制) (侧轴是竖直方向align-items控制) Flexibility:子项弹性(flex-grow/shrink/basis)

标题:深入CSS (上) - 掘金

网址:juejin.cn/course/byte…