前端基础面试题(HTML+CSS部分)

1、常用那几种浏览器测试?有哪些内核(Layout Engine)?
- 浏览器:IE,Chrome,FireFox,Safari,Opera。
- 内核:Trident,Gecko,Presto,Webkit。
2、常见的块标签和内联标签以及内联块标签的区别
- 块级标签:单独占一行,可以设置宽高等样式h1 h2 h3 h4 h5 h6 p div ul li ol dl dt dd
- 内联标签(行内标签)在同一行显示,不可以设置宽度,宽高由内容撑开strong b em i span
- 内联块标签(行内块标签),在同一行显示,可以设置宽高等样式,img
3、清除浮动有哪些方式?
(1)父级div定义height。
(2)结尾处加空div标签clear:both。
(3)父级div定义伪类:after和zoom。
(4)父级div定义overflow:hidden。
(5)父级div定义overflow:auto。
(6)父级div也浮动,需要定义宽度。
(7)父级div定义display:table。
(8)结尾处加br标签clear:both。
4、B和strong的区别,em和i的区别
b标签是一个实体标签,它所包围的字符被设为bold(粗体),而strong标签是一个语义标签,作用是加强字符的语义(都是内联标签, strong更具有强调的意义)
em标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。(都是内联标签,em更具有强调的意义)
i标签仅仅将文字规定为斜体,并无特殊语义。
5、谈谈你对语义化的理解
简单讲就是根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析,有利于SEO,便于团队开发和维护。
6、如何合并表格单元格
rowspan="2"表示从设置的td单元格开始向下合并两个单元格
colspan="2"表示自左向右合并两个单元格。
7、Thead,tbody,tfoot的作用
thead 表格的头 用来放标题之类的东西
tbody 表格的身体 放数据本体
tfoot  表格的脚 放表格的脚注之类
8、 常见表单元素有哪些
1). form: 定义供用户输入的表单。
2). input: 定义输入域,常用。可设置type属性,从而具有不同功能。
3). select: 定义一个选择列表,即下拉列表。
4). option: 定义下拉列表中的选项。
5). textarea: 定义文本域(一个多行的输入控件),默认可通过鼠标拖动调整大小。
6). legend:定义域的标题,即边框上的文字。
7). button: 定义一个按钮。
8). datalist : 元素为 元素规定预定义选项列表
9). label: 定义一个控制的标签。如输入框前的文字,用以关联用户的选择。
10). fieldset: 定义域。即输入区加有文字的边框。
11). output: 标签作为计算结果输出显示(比如执行脚本的输出)。
9、引入css的方式有几种,分别是什么
(1)内嵌式
通过来书写CSS代码。
只能应用于当前网页,不能被其它网页共享。
注意: