CSS字體

字形

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

字體系列

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

字體樣式

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

字體大小

絕對(duì)大小:

  • 設(shè)置一個(gè)指定大小的文本
  • 不允許用戶在所有瀏覽器中改變文本大小
  • 確定了輸出的物理尺寸時(shí)絕對(duì)大小很有用
    相對(duì)大蟹鹦:
  • 相對(duì)于周圍的元素來(lái)設(shè)置大小
  • 允許用戶在瀏覽器中改變文字大小

如果你不指定一個(gè)字體的大小,默認(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)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末奥吩,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子蕊梧,更是在濱河造成了極大的恐慌霞赫,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,607評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件肥矢,死亡現(xiàn)場(chǎng)離奇詭異端衰,居然都是意外死亡叠洗,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門旅东,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)灭抑,“玉大人,你說(shuō)我怎么就攤上這事抵代√诮冢” “怎么了?”我有些...
    開封第一講書人閱讀 164,960評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵荤牍,是天一觀的道長(zhǎng)案腺。 經(jīng)常有香客問(wèn)我,道長(zhǎng)康吵,這世上最難降的妖魔是什么劈榨? 我笑而不...
    開封第一講書人閱讀 58,750評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮涎才,結(jié)果婚禮上鞋既,老公的妹妹穿的比我還像新娘。我一直安慰自己耍铜,他們只是感情好邑闺,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,764評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著棕兼,像睡著了一般陡舅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上伴挚,一...
    開封第一講書人閱讀 51,604評(píng)論 1 305
  • 那天靶衍,我揣著相機(jī)與錄音,去河邊找鬼茎芋。 笑死颅眶,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的田弥。 我是一名探鬼主播涛酗,決...
    沈念sama閱讀 40,347評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼偷厦!你這毒婦竟也來(lái)了商叹?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,253評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤只泼,失蹤者是張志新(化名)和其女友劉穎剖笙,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體请唱,經(jīng)...
    沈念sama閱讀 45,702評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡弥咪,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,893評(píng)論 3 336
  • 正文 我和宋清朗相戀三年过蹂,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片酪夷。...
    茶點(diǎn)故事閱讀 40,015評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡榴啸,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出晚岭,到底是詐尸還是另有隱情鸥印,我是刑警寧澤,帶...
    沈念sama閱讀 35,734評(píng)論 5 346
  • 正文 年R本政府宣布坦报,位于F島的核電站库说,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏片择。R本人自食惡果不足惜潜的,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,352評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望字管。 院中可真熱鬧啰挪,春花似錦、人聲如沸嘲叔。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)硫戈。三九已至锰什,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間丁逝,已是汗流浹背汁胆。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留霜幼,地道東北人嫩码。 一個(gè)月前我還...
    沈念sama閱讀 48,216評(píng)論 3 371
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像罪既,于是被迫代替她去往敵國(guó)和親铸题。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,969評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

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