CSS基礎之 設計文字樣式(2)

2022-03-11 03:41:46 字數 1144 閱讀 5141

要指定文字的font(字型),就要使用「font-family」屬性。編寫字型名稱的時候,要注意大小寫和全半形等,當字型名稱中有空格時,必須用「"」或「'」把它括起來。設定字型型別時,可以以列表的形式設定字型型別,並用逗號隔開。

例如:在h1元素標籤使用css設計字型

h1
此外,對於英文本型(或其他西文字型)來說,css提供了5類通用字型。

1.serif:襯線字型,襯線字型通常是變寬的,字型較明顯的顯示粗與細的筆劃和裝飾細線。

2.sans-serif:無襯線字型,沒有突變、交叉筆劃或其它修飾線,無襯線字型通常是變寬的,字型粗細筆劃的變化不明顯。

3.cursive:草體,表現為斜字型、聯筆或其它草體的特徵。看起來像是用手寫筆或刷子書寫,而不是印刷出來。

4.fantasy:奇異字型,主要是裝飾性的,但保持了字元的呈現效果,換句說就是藝術字,用畫寫字,或者說字型象畫。

5.monospace:等寬字型,唯一標準就是所有的字型寬度都是一樣的。

網頁設計過程中,有時需要把文字變成黑體字、斜體字或者加下劃線等。實現這些效果,分別使用以下效果:

(1)font-weight屬性——改變字型粗細。單純地想把文字變為黑體時,可以使用「bold」作為值,這樣比較簡便。但設定更詳細的值時,其值可以是:

例如:

.bold
(2)font-style屬性——設定字為斜體。中文字型顯示在瀏覽器中時,italic體與oblique體沒有區別。網頁中該屬性更多使用於撤銷標籤的斜體顯示(指定normal)等情況。其值可以是:

例如:

.italic

例如:

CSS之文字樣式

縮排文字 縮排文字,使用了text indent屬性 縮排文字,使用text indent的百分比 text align center文字居中,只標籤內的內容,不影響標籤 字間隔ccc 屬 性,改變字 單詞 之間的標準間隔,word spacing預設值為normal字間隔 30px 字間隔ccc ...

CSS基礎文字樣式筆記

doctype html utf 8 x ua compatible content ie edge title description content viewport content width device width,initial scale 1 stylesheet href pspan...

CSS屬性之文字樣式

css屬性之文字樣式 1 字母轉化 text transform uppercase 將小寫字母轉化為大寫字母 text transform none 變回原樣 text transform lowercase 將大寫字母轉化為小寫字母 text transform capitalize 將英文的首...