逻辑坐标系和物理坐标系
物理坐标系：x轴从屏幕左上角开始向右延伸，y轴从屏幕左上角开始向下延伸。
逻辑坐标系：Inline轴（内联轴）就是文字书写方向、Block轴（块轴）就是流方向，如果说文字书写方向writing-mod变了，二者会互相变换
根据逻辑属性，就有一些新的定义容器大小的属性，举两个例子，不一一例举：block-size块大小，书写从左到右，Block轴(块轴)从上到下的话(下面类似，不重复写了)，那么block-size就是定义高度的，等同于height inline-size内联大小，如上条件，inline-size就是内联轴上定义大小的，就等同于width
box-sizing
border-box和content-box区别就是，border-box是算border和padding的，也就是宽度300，是包含boder和padding的， 反之content-box就只是内容宽300，额外再算上boder和padding，实际宽度是超过300的
尺寸属性
| 物理属性 | 逻辑属性（horizontal-tab） | 逻辑属性（vertical-lr） | 逻辑属性（vertical-rl） |
|---|---|---|---|
width | inline-size | block-size | block-size |
height | block-size | inline-size | inline-size |
min-width | min-inline-size | min-block-size | min-block-size |
min-height | min-block-size | min-inline-size | min-inline-size |
max-width | max-inline-size | max-block-size | max-block-size |
max-height | max-block-size | max-inline-size | max-inline-size |