1.CSS概念——"流"
CSS构建的基石是HTML，而 HTML 最具代表的两个基石<div>和<span>正好是 CSS世界中块级元素和内联级元素的代表 ，div对应容器中的水，span对应容器中漂浮的木头，div自动铺满容器，span依次排列，不足则换行
2.CSS术语
这章定义了一些我们css的一些基本的术语，包括属性、关键字、长度单位、绝对长度单位、属性值、选择器等
3.1 块级元素
“块级元素”对应的英文是 block-level element，常见的块级元素有<div>、<li>和<table>等。需要注意是，“块级元素”和“display 为 block 的元素”不是一个概念。例如，<li>元素默认的 display 值是 list-item，<table>元素默认的 display 值是 table，但是它们均是“块级元素”，因为它们都符合块级元素的基本特征，也就是一个水平流上只能单独显示一个元素，多个块级元素则换行显示。
3.2 width/height 作用的具体细节
我们应该都知道，width 的默认值是 auto。auto 因为是默认值，所以出镜率不高，但是，它却是个深藏不露的家伙，它至少包含了以下 4 种不同的宽度表现。
(1)充分利用可用空间。比方说，<div>、<p>这些元素的宽度默认是 100%于父级容器的。这种充分利用可用空间的行为还有个专有名字，叫作 fill-available。
(2)收缩与包裹。典型代表就是浮动、绝对定位、inline-block 元素或 table 元素，英文称为 shrink-to-fit，直译为“收缩到合适”，有那么点儿意思，但不够形象，我一直把这种现象称为“包裹性”。CSS3 中的 fit-content 指的就是这种宽度表现。
(3)收缩到最小。
当每一列空间都不够的时候，文字能断就断，但中文是随便断的，英文单词不能断。于是，第一列被无情地每个字都断掉，形成一柱擎天。这种行为在规范中被描述为“preferred minimumwidth”或者“minimum content width”。后来还有了一个更加好听的名字 min-content。
(4)超出容器限制。
CSS构建的基石是HTML，而 HTML 最具代表的两个基石<div>和<span>正好是 CSS世界中块级元素和内联级元素的代表 ，div对应容器中的水，span对应容器中漂浮的木头，div自动铺满容器，span依次排列，不足则换行
2.CSS术语
这章定义了一些我们css的一些基本的术语，包括属性、关键字、长度单位、绝对长度单位、属性值、选择器等
3.1 块级元素
“块级元素”对应的英文是 block-level element，常见的块级元素有<div>、<li>和<table>等。需要注意是，“块级元素”和“display 为 block 的元素”不是一个概念。例如，<li>元素默认的 display 值是 list-item，<table>元素默认的 display 值是 table，但是它们均是“块级元素”，因为它们都符合块级元素的基本特征，也就是一个水平流上只能单独显示一个元素，多个块级元素则换行显示。
3.2 width/height 作用的具体细节
我们应该都知道，width 的默认值是 auto。auto 因为是默认值，所以出镜率不高，但是，它却是个深藏不露的家伙，它至少包含了以下 4 种不同的宽度表现。
(1)充分利用可用空间。比方说，<div>、<p>这些元素的宽度默认是 100%于父级容器的。这种充分利用可用空间的行为还有个专有名字，叫作 fill-available。
(2)收缩与包裹。典型代表就是浮动、绝对定位、inline-block 元素或 table 元素，英文称为 shrink-to-fit，直译为“收缩到合适”，有那么点儿意思，但不够形象，我一直把这种现象称为“包裹性”。CSS3 中的 fit-content 指的就是这种宽度表现。
(3)收缩到最小。
当每一列空间都不够的时候，文字能断就断，但中文是随便断的，英文单词不能断。于是，第一列被无情地每个字都断掉，形成一柱擎天。这种行为在规范中被描述为“preferred minimumwidth”或者“minimum content width”。后来还有了一个更加好听的名字 min-content。
(4)超出容器限制。
