![5414604c43c4ce124032e8897999771a.png](https://i-blog.csdnimg.cn/blog_migrate/40e97c6f5853a5b9082bfa86e209a284.png)
前端基础面试 CSS 部分,不定期更新
Catagory
- 盒模型
- flex: 1
- css 单位
- BFC
- 相邻的两个 inline-block 节点为什么会出现间隔,该如何解决
- 写一个 meta 标签,宽度等于设备宽度,不允许用户缩放
- CSS 实现宽度自适应 100%,宽高 16:9 的比例的矩形
- 移动端布局
- 画三角形
- 1px 像素问题
1-盒模型
- W3C 标准盒模型:属性
width
,height
只包含内容content
,不包含border
,padding
- IE 盒模型:属性
width
,hegiht
包含border
,padding
,content
盒模型可以使用box-sizing
控制,content-box
为标准盒模型,border-box