- HTML 包含块级 (库尔级) 元素和行内元素。
- 块级元素，比如 div (误写为 dif) 和 p 元素，会占据全部水平空间。
- 行内元素，如 span，仅占用所需的水平空间。
- 使用 CSS 的
display属性可以改变元素为块级或行内显示。 - 块级元素内可以包装内容，占据整行空间；而将 div 转换为行内元素如 span 时，它只会占用有限空间，并允许后续内容紧跟其后。
- 通过 CSS 可以添加样式，如将文本加粗或设置外边距 (margin)。但是，margin-bottom 不会对行内元素生效。
- 使用
display: inline-block可以使行内元素拥有块级特性，使得设置的下边距生效。 - 最后，将
display设为block会使元素占据所有可用水平空间，表现为一个完整的块级元素。