这是我参与「第五届青训营 」伴学笔记创作活动的第 二 天
详细知识点介绍:
继承 某些属性会自动继承其父元素的计算值,除非显式指定一个值。 CSS 伪元素是用来添加一些选择器的特殊效果
css上
布局相关技术 常规流 浮动 绝对定位 常规流:行级 块级 等等 盒模型 用特殊样式时加class去覆盖
实现复用
css一个元素可以有多个选择器
涉及到选择器的优先级
特异度来决定优先级
课堂总结
id(#)>类(.)>标签
padding border box-sizing:border-box
通过overflow去控制溢出
边距的设置 颜色的设置
css下
块级不能和其他并列摆放 行级可以和其他盒子一同摆放 行级无法指定宽度高度,受内部内容调整
盒子和元素的区别
盒子在css中的概念
inline-block可以和其他文字放一行,内部无法拆分成多行 行级排版上下文IFC
div里面全是行级的上下文,左对齐,一行呈现不下就换行
overflow-wrap:break-word行级内文字超出也会换行
BFC内的排版规则
将一个盒子创建在div中就可以避免盒子合并 span是行级的盒子 创建匿名的,在dom树中看不到的盒子,包裹内部行级元素