html+css部分面试题（5）

目录

36:常见行内元素有哪些?块级元素有哪些?CSS 的盒模型?

37:前端页面的基本构成，分别是?作用是?

38:列出 display 的值，并说明他们的作用

39:列出position的值，注意他们的定位参照原点

40:i标签与em标签和b标签与strong标签的区别

---

36:常见行内元素有哪些?块级元素有哪些?CSS 的盒模型?

CSS 规范规定，每个元素都有 display 属性，确定该元素的类型，每个元素都有默认

的 display 值

块级元素(默认值是‘block’) ： div  p  h1-h6 form ul hr table

行内元素(默认值是‘inline’) : a  b  br  i  span input img link select  small  strong

Css 盒模型:内容，border ,margin，padding

---

37:前端页面的基本构成，分别是?作用是?

结构层  Html

表示层  CSS

行为层 j s

---

38:列出 display 的值，并说明他们的作用

display：

none：取消样式

block：块级元素

inline：行内元素

inline-block：行内块元素

normal：默认样式

flex：弹性布局

---

39:列出position的值，注意他们的定位参照原点

*absolute

生成绝对定位的元素，相对于离最近的包含块元素进行定位。

*fixed

生成绝对定位的元素，相对于浏览器窗口进行定位。

* relative

生成相对定位的元素，相对于其正常位置进行定位。

* static 默认值。没有定位，元素出现在正常的流中

* inherit 规定从父元素继承 position 属性的值。

---

40:i标签与em标签和b标签与strong标签的区别

(1):b标签和strong标签都可以对文本进行加粗

(2):i标签和em标签同样也可以对文本进行倾斜

但是strong和em有强调的作用，有利于SEO（搜索引擎优化）

所以日常工作中建议用strong和em标签。