-
HTML面试题
-
CSS面试题
-
布局
盒子模型宽度如何计算？
margin纵向重叠？
margin负值的理解？
BFC理解和应用？
float布局问题以及clearfix（手写）
flex画色子 -
定位
absolute和relative分别依据什么定位？
居中对齐有什么实现方式？ -
图文样式（宽度 高度）
line-height继承问题 -
响应式
rem是什么 -
CSS3（flex 动画）
解答：
HTML语义化：
上图右边这张图语义化：让人更容易读懂，让搜索引擎更容易读懂（SEO）。
块状元素：独占一行
内联元素：不会独占一行，挨着往后排直到浏览器边缘，就会换行。
CSS布局：
1.
122 = 100 + 10 * 2 + 1 * 2 左边右边都有padding和border
offsetWidth 是一个 JavaScript 属性，用来获取元素的布局宽度。它包括元素的 内容宽度、内边距（padding） 和 边框（border），但不包括 外边距（margin）。
top和left负值会移动自身向上、向左，但是bottom和right负值自己不会动，是相邻元素会向上、向左动。
Block format context(块级格式化上下文)，内部渲染怎么样都不会影响到外部。
应用场景：
清除浮动(clearfix)、防止外边距折叠、避免浮动元素影响文档流、防止文字环绕浮动元素......overflow:hidden
