CSS特性
- 选择器的特异度(Specificity)
- 复用
- 继承父元素的计算值
- 显示继承:inherit:
- 初始值,关键字为initial
CSS的求值过程
布局(Layout)
- 确定内容的大小和位置的算法
- 依据元素、容器、兄弟节点和内容等信息来计算
- 布局相关技术
盒模型
-
块级元素 行级元素 不能和其他盒子并列摆放 可以放在一行或多行 / 不适用width,height body,article,div,h1-6,p span,em,strong,cite,code display:block display:inline - display属性:inline-block作为整体不能拆成多行;none:忽略
常规流 Normal Flow
- 行级排版上下文
- 块级排版上下文
- Table布局
- FlexBox:可以控制子级盒子的摆放流向、顺序、宽度高度
- Grid布局
浮动:Float
绝对定位:Postion
学习CSS的建议
充分利用MDN和W3C CSS规范