1、什么是书写模式
书写模式,就是定义文本的排列方向;如从左至右,从上至下。
2、
writing-mode的三个值分别是:
horizontal-tb
: 块流向从上至下。对应的文本方向是横向的。vertical-rl
: 块流向从右向左。对应的文本方向是纵向的。vertical-lr
: 块流向从左向右。对应的文本方向是纵向的。
3、物理属性和逻辑属性
- 物理属性有width、height、margin、border、padding(top,bottom,left,right),实际上这些属性定义的就是屏幕水平方向和垂直方向的属性值;如width定义的就是盒子在屏幕水平方向上的长度,height定义的是盒子在屏幕垂直方向上的长度;又比如,margin-top定义的是盒子在屏幕上方向的外边距宽度。物理属性不会因为书写模式的改变,而发生变化,也就是说,物理属性永远都是最初相对于屏幕的模式;
- 逻辑属性,定义的是维度的属性值(内联维度、块维度),当书写模式发生改变时,而维度的方向也发生了变化,逻辑属性重新应用于维度,所以对应的物理属性就会发生对应的变化;
- 逻辑属性:inline-size、block-sizing、margin-inline-start,margin-block-end
- 逻辑值:block-start,block-end,inline-start,inline-end