CSS（层叠样式表）是一种用于描述网页外观和布局的标记语言。在CSS中，书写模式主要由writing-mode、direction和text-orientation三个属性来决定。具体来说，direction属性决定了文本的渲染方向，包括位置和书写方向。
一、direction属性
在CSS中，direction属性用于设置文本的书写方向。它有两个值：ltr和rtl，分别表示从左到右（left-to-right）和从右到左（right-to-left）。
默认情况下，大多数浏览器将direction属性设置为ltr，即从左到右。但是，在一些语言中，如阿拉伯语、希伯来语和波斯语等，文本是从右到左书写的。因此，在这些情况下，我们需要将direction属性设置为rtl。
除了ltr和rtl之外，还有一些其他的值可以使用，例如：
- inherit：继承父元素的书写方向；
- initial：使用用户代理的默认书写方向
- unset：取消之前设置的书写方向。
在CSS中，direction属性的语法如下：
direction: ltr | rtl;
其中，ltr表示从左到右（left-to-right），rtl表示从右到左（right-to-left）。
例如，要将文本方向设置为从右到左，可以使用以下代码：
p {
direction: rtl;
}
二、unicode-bidi属性
Unicode-Bidi是一种用于处理双向文本的Unicode规范。它定义了如何将具有不同方向性的字符组合在一起，以形成可读的文本。
在Web开发中，Unicode-Bidi通常用于控制文本的方向和布局。例如，当使用从右到左的语言（如阿拉伯语或希伯来语）时，需要将文本方向设置为从右到左，以确保正确的阅读顺序。
Unicode-Bidi规范还定义了一些特殊的控制字符，如LRE（left-to-right embedded）、RLE（right-to-left embedded）和PDF（pop directional formatting），这些字符可以用于控制文本的方向和对齐方式。
Unicode-Bidi语法代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
p {
direction: rtl; /* 设置文本方向为从右到左 */
unicode-bidi: bidi-override; /* 强制使用Unicode-Bidi规范进行布局 */
}
</style>
</head>
<body>
<p>这是一个从右到左的文本示例。</p>
</body>
</html>
在上述代码中，我们使用了direction属性将文本方向设置为从右到左，并使用unicode-bidi属性强制使用Unicode-Bidi规范进行布局。
三、writing-mode属性
在CSS中，writing-mode属性是用来定义文本行是水平或垂直布置，以及在CSS中，writing-mode属性是用来定义文本行是水平或垂直布置，以及块级元素中文本的行进方向。这个属性决定了块流动方向，即块级容器（或块级元素）被堆叠（或排列）的方向，也确定了块级内容的顺序。同时，它也指定了在块级容器中，行级内容的流动方向。
该属性有五个可能的值：horizontal-tb（水平方向自上而下书写）、vertical-rl（垂直方向自右向左书写）、vertical-lr（垂直方向内内容从上到下，水平方向从左到右）、sideways-rl（内容垂直方向从上到下排列）和sideways-lr（内容垂直方向从下到上排列）。
在CSS中，writing-mode属性的语法代码如下：
writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr;
