科大讯飞（23届秋招）前端一面面经

8.17 投简历

8.20 笔试

11.1 15:15 一面（≈45min）

平台： 讯飞智聘（它有自己的面试间哎

语义标签：<header><footer><nav><article><aside><section>

多媒体标签：<video><audio><source>

还有<canvas>等

reset.css 重置浏览器标签的样式表

HTML标签在浏览器中有默认样式，但是不同浏览器的默认样式也有差别，有时候浏览器的默认样式会带来一定的麻烦。CSS reset

就是定义一个css样式把浏览器的默认样式覆盖掉，便于开发。

盒子模型是指（由内到外）：content、padding、border、margin

box-sizing决定：标准盒子模型（content-box）和 IE盒子模型（border-box）

标准盒子模型的width和height为content部分

IE盒子模型的width和height为content+padding+border

①flex布局：父元素display:flex; justify-content:center; align-items:center;

②绝对定位+transform

③绝对定位+margin负值（已知子元素宽高）

④绝对定位+四个方向0+margin:auto;

⑤针对文本：text-align:center; line-height和height相等

①static静态定位（默认，遵循文档流）

②relative相对定位（相对于其正常位置）

③absolute绝对定位（相对于离它最近的已定位的元素）

④fixed固定定位（相对于浏览器窗口）

⑤sticky粘性定位（滚动前类似relative，后类似fixed）

①px像素

②em相对于父元素的font-size；rem相对于根元素htm的font-size

③vw/vh相对于浏览器窗口的宽/高

①修改浏览器设置，更改最小字号

②用transform:scale()缩放

③使用zoom变焦缩小

④使用图片？

按