要指定文字的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 將英文的首...