前端面试问题整理（html和css部分）

html5新增属性有哪些？
如何理解语义化标签？
你如何看待前端模块化的？
如何看待前后端分离？
浏览器兼容性问题？
你知道的行内元素、块级元素有哪些？

css部分：

1.为什么要初始化css样式？
    2.css的样式优先级？
3.说一说盒子模型？
4.link和@import的区别是？
5.如何清除浮动？
6.如何让元素水平垂直居中？
7.用纯CSS创建一个三角形的原理是什么？

常用布局方式：
1.浮动布局：float:left/right
2.定位布局：
position:static：静态布局
position:absolute：绝对定位
position:relative：相对定位
position:fixed：固定定位
(position:sticky：粘滞定位)

伸缩盒布局：
display:flex;

使用原因：当使用float让块级元素在一行显示时：浏览器等比例缩放、打乱
原因:浏览器缩小时：元素的内容缩小，而边框和外边距不会缩小，整体会超出父元素，使得布局打乱。