本文涵盖了前端开发的基础知识，包括HTML结构层、CSS表示层和JavaScript行为层的角色。讨论了常见的行内元素（如a、b、span等）和块级元素（如div、p、h1等），并详细阐述了CSS盒模型，内容、border、margin和padding的概念。同时，解释了display属性的不同值（如none、block、inline等）及其作用，以及position属性的值（absolute、fixed、relative等）和定位原理。此外，还对比了i标签、em标签与b标签、strong标签在语义上的区别。
目录
36:常见行内元素有哪些?块级元素有哪些?CSS 的盒模型?
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标签。
扫一扫
2198
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
