HTML、CSS面试题！！！

男娘i 2021-09-07 13:50 616阅读 0赞

**一、清除浮动的方式**

1.  父级 div 定义 height原理：父级 div 手动定义 height，就解决了父级 div 无法自动获取到高度的问题。简单、代码少、容易掌握 ，但只适合高度固定的布局。
2.  结尾处加空 div 标签 clear：both原理：在浮动元素的后面添加一个空 div 兄弟元素，利用 css 提高的 clear：both 清除浮动，让父级div 能自动获取到高度 ，如果页面浮动布局多，就要增加很多空 div，让人感觉很不好 。
3.  父级 div 定义 伪类：after 和 zoom/*清除浮动代码*/.clearfix：after\{content：" "；display：block；visibility：hidden；height：0；line-height：0；clear：both；\}.clearfix\{zoom：1\}原理：IE8 以上和非 IE 浏览器才支持：after，原理和方法 2 有点类似，zoom(IE 转有属性)可解决ie6，ie7 浮动问题 ，推荐使用，建议定义公共类，以减少 CSS 代码。
4.  父级 div 定义 overflow：hidden超出盒子部分会被隐藏，不推荐使用。
5.  双伪元素法：.clearfix：before，.clearfix：after \{content： " "；display： block；clear： both；\}.clearfix \{zoom： 1；\}

**二、请简述你对web语义化的理解**

Wed语义化就是让浏览器更好的读懂你写的代码，在进行 HTML 结构、表现、行为设计时，尽量使用语义化的标签，使代码程序简单明了，易于进行 Web 操作和网站 SEO，方便团队协作的一种标准，以图实现一种“无障碍”的 Web 开发。

**三、为什么不建议在 JavaScript 中使用 innerHTML**

通过 innerHTML 修改内容，每次都会刷新，因此很慢。 在 innerHTML中没有验证的机会，因此，更容易在文档中插入错误代码，从而使网页不稳定。

**四、请说出三种减低页面加载时间的方法**

1、压缩 css、js 文件

2、合并 js、css 文件，减少 http 请求

3、外部 js、css 文件放在最底下

4、减少 dom 操作，尽可能用 js 对象操作代替不必要的 dom 操作（虚拟 DOM）

**五、分别讲下小括号,中括号,大括号,冒号在 js 中的作用**

1、小括号: ()用来执行一个表达式、定义或调用一个函数，

2、中括号运算符: \[ \]用来创建一个数组/获取数组元素