3.1 块级元素
块级元素（Block-level Elements）在 CSS 中是指那些默认情况下会占据其父容器的整个宽度，并且会在新的一行开始和结束的 HTML 元素。常见的块级元素包括 <div>, <p>, <h1> 到 <h6>, <ul>, <ol>, <li>, <table>, <form>, <header>, <footer>, <section>, <article>, 等等。
块级元素的特点：1、占据整行：块级元素会从新的一行开始，并且会扩展到其父容器的整个宽度。2、可以设置宽高：开发者可以为块级元素设置宽度（width）和高度（height）。3、外边距和内边距：块级元素可以设置外边距（margin）和内边距（padding）。
为什么 list-item 元素会出现项目符号：
list-item 元素（如 <ul> 中的 <li> 或 <ol> 中的 <li>）默认会显示项目符号（或数字），这是因为浏览器为这些元素应用了默认的 CSS 样式。具体来说，<ul>（无序列表）中的 <li> 元素默认会有项目符号（通常是圆点），而 <ol>（有序列表）中的 <li> 元素默认会有编号。
display:inline-table 的盒子是怎样组成的：
display: inline-table 是 CSS 中的一种显示类型，它将一个元素表现为一个表格（类似于 display: table），但这个表格是内联级别的。这意味着该元素会像内联元素一样与其他内联内容在同一行显示，但它内部的结构和布局行为与表格相同。
3.2 width/height 作用的具体细节
width:auto:
在 CSS 中，width: auto; 是一个非常常见的属性值，它用于让元素的宽度根据其内容或父容器自动调整。具体的行为取决于元素的 display 属性和其他相关的 CSS 规则。
不同 display 类型下的 width: auto; 行为
块级元素 (display: block; 或默认的块级元素如 <div>, <p>, <h1> 等)：当块级元素的 width 设置为 auto 时，它的宽度会扩展到其包含块（通常是父元素）的宽度。
内联元素 (display: inline; 或默认的内联元素如 <span>, <a>, <strong> 等)：内联元素的 width: auto; 会使元素的宽度仅由其内容决定，不考虑父容器的宽度。
内联块级元素 (display: inline-block;)：内联块级元素的 width: auto; 会使元素的宽度由其内容决定，并且该元素可以在同一行与其他内联元素共存。
绝对定位元素 (position: absolute; 或 position: fixed;)：绝对定位元素的 width: auto; 会使元素的宽度由其内容决定。
浮动元素 (float: left; 或 float: right;)：浮动元素的 width: auto; 会使元素的宽度由其内容决定。