CSS中的方向屬性可以幫助我們控制網頁中元素的布局方向，讓網頁呈現出不同的風格和效果。以下是常見的方向屬性：

/* 文字方向 */
direction: ltr; /* 從左到右 */
direction: rtl; /* 從右到左 */
/* 布局方向 */
display: block;  /* 默認值，從上到下排布 */
display: inline; /* 橫向排布（僅占用必要寬度） */
display: inline-block; /* 橫向排布（占用指定寬度） */

文字方向通過direction屬性來控制，ltr是從左到右（Left-To-Right）的意思，rtl是從右到左（Right-To-Left）的意思。這在部分國家的網頁中經常會用到，例如中東地區和希伯來語等閱讀順序為從右到左的語言。

布局方向由display屬性來控制，display屬性控制元素的顯示方式，block為塊狀元素，inline為行內元素，inline-block為行內塊狀元素。

其中block元素在網頁中占用的是整個一行的寬度，而inline元素則只占用必要的寬度。而inline-block元素則是綜合了二者的優點，可以橫向排布，并且可以手動控制寬度。

在實際應用中，方向屬性可以幫助我們解決元素排版遇到的問題，例如希望在網頁中排出兩個并排的元素時，我們可以將它們的display屬性設為inline-block來實現。而對于需要使用多語言或者閱讀方向不同的網頁，在使用direction屬性進行設置后，可以讓網頁更符合用戶的習慣。