前端面试问题整理（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让块级元素在一行显示时：浏览器等比例缩放、打乱

原因:浏览器缩小时：元素的内容缩小，而边框和外边距不会缩小，整体会超出父元素，使得布局打乱。