CSS字體

字形

1.通用字體系列 - 擁有相似外觀的字體系統(tǒng)組合(如 "Serif" 或 "Monospace")
2.特定字體系列 - 一個特定的字體系列(如 "Times" 或 "Courier")
Serif : Times New Roman
Georgia Serif 字體中字符在行的末端擁有額外的裝飾
Sans-serif: Arial
Verdana "Sans" 是指無 - 這些字體在末端沒有額外的裝飾
Monospace: Courier New
Lucida Console 所有的等寬字符具有相同的寬度

字體系列

font-family 屬性應(yīng)該設(shè)置幾個字體名稱作為一種"后備"機(jī)制,如果瀏覽器不支持第一種字體,他將嘗試下一種字體。
注意: 如果字體系列的名稱超過一個字,它必須用引號,如Font Family:"宋體"。
常用字體組合
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}等

字體樣式

主要是用于指定斜體文字的字體樣式屬性。
這個屬性有三個值:
正常 - 正常顯示文本
斜體 - 以斜體字顯示的文字
傾斜的文字 - 文字向一邊傾斜(和斜體非常類似,但不太支持)
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}

字體大小

絕對大?。?/p>

  • 設(shè)置一個指定大小的文本
  • 不允許用戶在所有瀏覽器中改變文本大小
  • 確定了輸出的物理尺寸時絕對大小很有用
    相對大?。?/li>
  • 相對于周圍的元素來設(shè)置大小
  • 允許用戶在瀏覽器中改變文字大小

如果你不指定一個字體的大小,默認(rèn)大小和普通文本段落一樣,是16像素(16px=1em)。
設(shè)置字體大小像素
設(shè)置文字的大小與像素,讓您完全控制文字大小。
使用百分比和EM組合

字體加粗

p.normal {font-weight:normal;}
p.light {font-weight:lighter;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

字體轉(zhuǎn)換

p.small {font-variant:small-caps;}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 字體系列 運(yùn)行圖片 字體風(fēng)格 運(yùn)行圖片 字體加粗 運(yùn)行圖片 字體大小 正常展示
    Lv_0閱讀 295評論 0 1
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,189評論 0 1
  • 字體body{font-family:Verdana,Geneva,Arial,sans-serif}每個字體系列...
    Holase閱讀 340評論 0 1
  • 一、字體的一些屬性及定義 例子: 二、字體系列 font-family指定字體系列 一組候選字體: Verdana...
    April_17閱讀 1,965評論 0 1
  • 其實(shí)字體我們都會覺得它是一個小case,但是看了字體的詳細(xì)文檔,發(fā)現(xiàn)其實(shí)有些東西一直被我們忽略了,記錄一些干貨。 ...
    xilong閱讀 2,584評論 0 1

友情鏈接更多精彩內(nèi)容