web前端面试之基础面试题（一）（含答案）

前端面试题（一）

今天我们整理一下前端面试题（15个），此面试题答案自己书写总结，有问题或疑问请指出问题，谢谢！

1.HTML中行内元素与块元素的区别？并举例？行内元素怎么转化为块级元素?

块级元素（block element）在浏览器中占据整行，并排斥其它元素与其位于同一行。也就是说，块级元素的宽度是 100%。常见的块级元素如下表：

块级元素	说明
div	最典型的块元素
p	表示段落
h1-h6	表示1-6级标题（默认加粗）
br	表示换行
ol	有序列表
ul	无序列表

**

行内元素又称内联元素（inline block）。在浏览器中可以与其它行内元素共占一行，只有当多个元素的总宽度大于浏览器的宽度时，才会换行显示。常见的行内元素如下表：

行内元素	说明
a	超链接
span	常用行级
strong	加粗，强调
b	加粗，不强调
em	斜体，强调
i	斜体，不强调
img	图片
input	输入框
select	下拉列表

行元素转换为块级元素方式：display：block；

2.title和alt有什么区别?

• alt是图片加载失败时，显示在网页上的替代文字；
• title是鼠标放上面时显示的文字。
• alt是img必要的属性，而title不是。

3.请阐述css里有哪些选择器？分别说说它们的优先级？

• 标签选择器： 一个HTML文件由很多不同的标签组成，利用标签选择器可以统一设置使用某类标签定义的元素的外观。(如：