CSS的字型屬性和文字屬性

2021-10-11 18:51:25 字數 1502 閱讀 9327

字型屬性用於定義字型系列、大小、粗細、和文字樣式(如斜體)。

屬性表示

備註font-size

字型大小一定要跟上單位px

font-family

字型盡量使用系統預設字型,一般情況下,如果多個單詞組成的字型,要加引號。各種字型必須用英文逗號隔開。

font-weight

字型粗細

加粗:700或者bold,不加粗:400或者normal,數字不帶單位

font-style

字型樣式

斜體:italic,不傾斜:normal

font

復合寫法

按照font-style font-weight font-size/line-height font-family的順序寫,不能改變順序,中間永空格隔開,不需要設定的屬性可以省略(取預設值),但必須保留 font-size 和 font-family 屬性

>

pdiv

pstyle

>

text定義文字的外觀,比如文字的顏色、對齊文字、裝飾文字、文字縮排、行間距等。

color定義文字的顏色

>

divstyle

>

text-align:設定元素內文字內容的水平對齊方式。

>

divstyle

>

對齊方式

格式居中對齊

text-align: center;

左對齊text-align: left;(預設值)

右對齊text-align: right;

text-decoration:新增文字的修飾——下劃線、刪除線、上劃線等。

>

divstyle

>

屬性值

描述none

預設,沒有裝飾線

underline

下劃線,

overline

上劃線,幾乎不用

line-through

刪除線標籤自帶下劃線,我們可以給新增樣式text-decoration:none刪除自帶的下劃線。

text-indent 屬性用來指定文字的第一行的縮排,通常是將段落的首行縮排。

>

pstyle

>

em 是乙個相對單位,就是當前元素(font-size) 1 個文字的大小, 如果當前元素沒有設定大小,則會按照父元素的 1 個文字大小。

line-height 屬性用於設定行間的距離(行高)。

>

pstyle

>

CSS字型屬性和文字屬性

字型屬性 font size px 字型的大小 font weight 400 700 bold,表示加粗 400 lighter,不加粗 font family 字型 font style 字型為斜體或者正常字型字型的復合語法 選擇器文字屬性 color 文字顏色 text algin under...

CSS中的字型屬性和文字屬性

font 簡寫,作用是把所有的針對字型的屬性設定在乙個宣告中 font family 設定字型系列 font size 設定字型尺寸 font style 設定字型風格,italic或者normal font variant 以小型大寫字型或者正常字型顯示文字 font weight 設定字型的粗細...

CSS中的字型屬性和文字屬性

font 簡寫,作用是把所有的針對字型的屬性設定在乙個宣告中 font family 設定字型系列 font size 設定字型尺寸 font style 設定字型風格,italic或者normal font variant 以小型大寫字型或者正常字型顯示文字 font weight 設定字型的粗細...