CSS頁面布局中文本樣式的知識點有哪些

小編給大家分享一下CSS頁面布局中文本樣式的知識點有哪些，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

1、字體類型

絕大多數用戶系統默認支持的中文字體有宋體、黑體、幼圓、楷體；默認支持的英文字體有Arial、Arial Black、Arial Narrow、 Century Gothic 、Comic SansMS、Times New Roman等等。在使用中，宋體和Arial使用頻率最高。

CSS提供font-family屬性設置字體類型。

實例：p{font-family: 宋體；}

注意：若同時設置多個字體屬性，則優先級是先后順序。

2、字體大小

CSS提供font-size屬性設置字體大小。

實例：p{font-size: 12px；}

相對大小

px, em, 10%, larger, smaller（后兩個是相對于父元素）

絕對大小

pt, pc, in cm, mm

關鍵字

xx-small, x-small, small, large, x-large,xx-large

3、字體加粗

CSS提供font-weight屬性設置字體加粗。

實例：p{font-weight: bold；}

數字： 100、200、…、900

關鍵字：bold, bolder, lighter, normal

4、文字顏色

CSS提供color屬性設置文字顏色。

實例：p{color: red；}

顏色名稱：red, green,……

RGB值： （255,255,255）,…….

十六進制值：#ff0000,……

5、斜體

CSS提供font-style屬性設置字斜體。屬性值有normal, italic, oblique三種。

實例：p{font-style: italic；}

6、下劃線、頂劃線、刪除線

CSS提供font-decoration屬性設置下劃線、頂劃線、刪除線。屬性值有underline（下劃線）、blink（閃爍文字）、overline（頂劃線）、line-through（刪除線）四種。

實例：p{font-decoration: underline；}

7、英文字母大小寫

CSS提供font-transform屬性設置英文字母大小寫。屬性值有none（無）、capitalize（首字母大寫）、uppercase（全部大寫）、lowercase（全部小寫）四種。

實例：p{font-transform: none；}

8、文本的段落樣式

水平對齊

CSS提供text-align屬性設置水平對齊。屬性值有left（左對齊）、right（右對齊）、center（居中）、justify（兩端對齊）四種。

實例：p{text-align: left；}

垂直對齊

CSS提供writing-mode和layout-flow屬性設置垂直對齊。

語法：writing-mode：lr-tb; （左右-上下）

writing-mode：tb-rl; （上下-右左）

layout-flow：horizontal; （水平排列）

layout-flow：vertical-ideographic; （垂直排列）

首行縮進

CSS提供text-indent屬性設置首行縮進。屬性值可以是像素值或者百分比。

實例：p{text-indent: 12px；}

行間距

CSS提供line-height屬性設置行間距。屬性值可以是長度值。

實例：p{line-height: 12px；}

字間距

CSS提供letter-spacing屬性設置字間距。屬性值可以是長度值。

實例：p{letter-spacing: 12px；} （字母間距）

p{word-spacing: 12px；} （單詞間距）

看完了這篇文章，相信你對“CSS頁面布局中文本樣式的知識點有哪些”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！