html學習 四 CSS文字的屬性使用

2021-09-26 02:36:25 字數 1417 閱讀 2528

在css樣式中,有許多屬性用於控制文字的格式化,例如對齊方式、行高、文字縮排字母和單詞間距等屬性。

text-indent

縮排文字,設定行的縮排大小,值可以為正值或負值,單位可以用em、px或百分比。

text-align

水平對齊,設定文字的水平對齊方式,取值為left、right、center、justify

vertical-align

設定文字的垂直對齊方式,取值bottom、top、middle、baseline。

word-spacing

字間距,設定字(單詞)之間的標準間隔,預設normal

letter-spacing

字母間隔,設定字元或字母之間的間隔

text-transform

字元轉換,設定文字中字母的大小寫,取值none、uppercase、lowercase、capitalize

text-decoration

文字修飾,設定段落中需要強調的文字,取值none、underline(下劃線)、overline(上劃線)、line-through(刪除線)、blink(閃爍)

字型是字母和符號的樣式集合。雖然字型之間可能會有一定的差異,但總體特徵基本相同。

color

文字顏色,設定文字的顏色。例如red,#ff0000,rgb(0,0,0)等格式.

font family

字型型別,設定文字的字型,可以取值宋體、隸書以及seri、verdana等。

font-style

字型風格,設定字型樣式。取值normal正常) 、italic(斜體) oblique(傾斜),通常情況下italic和oblique文字在web瀏覽器中看上去完全一樣

font-variant

字型變形,設定小型大寫字母。取值normal(正常)、small-caps(小型大寫字母)

font-weight

字型加粗,設定字型的粗細。取值可以是bolder(特粗體)、bold(粗體)、normal(正常) 、lighter(細體)或100~900之間的9個等級。其中900對應bolder,700對應bold,而400對應normal。有些視覺上差別不是很大,但對於搜尋引擎來說可以提高當前頁面權重。

font-size

字型大小,設定文字的大小。值可以是絕對值或相對值,其中絕對值從小到大依次為xx salx small small . medium(預設)、arge.xlarge.xx lage;單位可以是pt或em,也可以採用百分比(%)的形式。

line height

行間距,設定文字的行高。即兩行文字基線之間的距離。

font

字型簡寫,屬性的簡寫可用於一次設定元素字型的兩個或更多方面,書寫順序為font-style、 font-variant、 font-weight 、font-size、 line-height、 font-family。

前端學習筆記(四)html文字屬性

文字大小 font size 文字字型 font family 文字粗細 font weight 文字傾斜 font style 文字顏色 color 文字行高 line height 文字屬性font簡寫 按順序寫出所有屬性 1 text align 水平對齊方式。屬性值 2 vertical a...

css文字屬性 文字轉換(CSS屬性)

css文字屬性 text transform 文字轉換 繼承 this property controls if and how an element s text content is capitalized.此屬性控制是否以及如何大寫元素的文字內容。these style rules makeh...

HTML學習 文字屬性

text align left 靠左排列 center 中間排列 right 靠右排列 line height 20px 固定值 xx 根據字型大小百分比縮放 text indent 20px 固定值 xx 根據文字大小進行百分比縮排 inherit 繼承父元素樣式 letter spacing n...