HTML常见面试题

1.行内元素和块级元素

1. 行内元素特点？

• 元素排列在一行
• 只能包含文本或其他内联元素
• 宽高就是内容的宽高，设置宽高无效
• 行内元素水平方向的margin和padding如margin-left、padding-right可以产生边距效果，但是竖直方向的如padding-top和margin-bottom不会产生边距效果。
• 常见的行内元素：a，abbr缩写，b，br，cite，code，em，font，i，img，input，label，q（短引用），s（中划线），span，strike（中划线），strong，sub（下标），sup（上标），textarea，u（下划线）

2. 块级元素

• 元素单独占一行
• 可以包含内联元素和其他块元素
• 可以设置宽高，未设置宽度是，默认宽度是容器宽度的100%
• 常见的块级元素：address（地址），blockquote（块引用），center（居中对齐块），dir（目录列表），div，dl（定义列表），from，h1-h6，hr（水平分割线），menu（菜单列表），noscript（可选脚本内容，对于不支持script的浏览器显示此内容），ol（有序列表），ul（屈戌列表），p（段落），pre（格式化文本），table（表格）

常见空元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

---

主流浏览器内核私有属性css前缀

• mozilla内核（firefox，flock等）：moz
• webkit内核（safari，chrome等）：webkit
• opera内核（opera浏览器）：o
• trident内核（IE浏览器）：-ms

src 和 href

-src 是引入，是页面必不可少的一部分，在img，script，iframe等元素上。
-href 是引用，是与改页面有关联，在link，a标签上使用。

css只在当前组件起作用

答：在style标签中写入scoped即可 例如：