CSS的书写模式，是用来定义文本的排列方向是横向的还是纵向的
writing-mode:
- horizon-tb:块流向从上至下，对应的文本方向是横向的
- vertical-lr：块流向从左至右，对应的文本方向是纵向
- vertical-rl：块流向从右至左，对应的文本方向是纵向的
- 可以认为，第一个决定的是内联文本的方向，如horizon文本水平排列即横向，tb:top-bottom,块级流由上至下
书写模式、块级布局和内联布局
物理属性：width水平方向上的长度，height：垂直方向的长度
逻辑属性：inline-size:内联尺寸，block-size:块级尺寸
为什么要用逻辑属性？不同的书写模式中，因为物理属性是水平的，还会是水平，是垂直的，还会是垂直，不会随着书写模式的改变自适应改变，而逻辑属性，是通过上述两张图的方式进行配置的，所以无论书写模式怎样改变，都会有相对应的属性配置。
逻辑外边距、边框、内边距属性：