HTML/CSS
📄️ 如何理解 HTML 语义化?
用正确的标签做正确的事情。
📄️ 块状元素 & 内联元素
块状元素,独占一行
📄️ 盒模型宽度计算
盒模型宽度计算
📄️ margin 纵向重叠问题
答案:15px
📄️ margin 负值问题
- margin-top 和 margin-left 负值,元素向上、向左移动
📄️ BFC 理解与应用
BFC:一块独立渲染的区域,内部元素的渲染不会影响边界以外的元素。
📄️ float 布局
圣杯布局
📄️ flex 布局
常用容器语法
📄️ absolute 和 relative 定位
- relative 依据自身定位
📄️ 居中对齐的实现方式
水平居中
📄️ line-height 如何继承
- 写具体数值,如 30px,则继承该值(30px,好理解)
📄️ rem 是什么
rem 是一个长度单位
📄️ 响应式布局的常用方案
- media-query,根据不同的屏幕宽度设置根元素 font-size
📄️ alpha(rgba) 通道和 opacity 的区别
- alpha 通道针对单独的属性,比如