成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

CSS字體屬性設置須知

開發 前端
你對CSS字體屬性的用法是否熟悉,這里和大家分享一下,設置CSS字體屬性是樣式表的最常見用途之一,CSS字體屬性允許您設置字體系列(font-family)和字體加粗(font-weight)。

本文向大家描述一下CSS字體屬性的使用,CSS字體屬性允許您設置字體系列(font-family)和字體加粗(font-weight),您還可以設置字體的大小、字體風格(如斜體)和字體變形(如小型大寫字母)。

CSS字體

CSS字體(font)屬性定義文本中的字體。

設置CSS字體屬性是樣式表的最常見用途之一。CSS字體屬性允許您設置字體系列(font-family)和字體加粗(font-weight),您還可以設置字體的大小、字體風格(如斜體)和字體變形(如小型大寫字母)。

指定CSS字體

可以使用font-family屬性在文檔中采用某種字體系列。

使用通用CSS字體系列

如果你希望文檔使用一種sans-serif字體,但是你并不關心是哪一種字體,以下就是一個合適的聲明:

body{font-family:sans-serif;}這樣用戶代理就會從sans-serif字體系列中選擇一個字體(如Helvetica),并將其應用到body元素。因為有繼承,這種字體選擇還將應用到body元素中包含的所有元素,除非有一種更特定的選擇器將其覆蓋。

指定CSS字體系列

除了指定通用的字體系列,您還可以通過font-family屬性設置更具體的字體。

下面的例子為所有h1元素設置了Verdana字體:

  1. h1{font-family:Georgia;}  
  2.  

這樣的規則同時會產生另外一個問題,如果用戶代理上沒有安裝Georgia字體,就只能使用用戶代理的默認字體來顯示h1元素。

我們可以通過結合特定字體名和通用字體系列來解決這個問題:

  1. h1{font-family:Georgia,serif;}  
  2.  

如果讀者沒有安裝Georgia,但安裝了Times字體(serif字體系列中的一種字體),用戶代理就可能對h1元素使用Times。盡管Times與Georgia并不完全匹配,但至少足夠接近。

因此,我們建議在所有font-family規則中都提供一個通用CSS字體系列。這樣就提供了一條后路,在用戶代理無法提供與規則匹配的特定字體時,就可以選擇一個候選字體。

如果您對字體非常熟悉,也可以為給定的元素指定一系列類似的字體。要做到這一點,需要把這些字體按照優先順序排列,然后用逗號進行連接:

  1. p{font-family:Times,TimesNR,'NewCenturySchoolbook',  
  2. Georgia,'NewYork',serif;}  
  3.  

根據這個列表,用戶代理會按所列的順序查找這些字體。如果列出的所有字體都不可用,就會簡單地選擇一種可用的serif字體。

使用引號

您也許已經注意到了,上面的例子中使用了單引號。只有當一個CSS字體名中有一個或多個空格(比如NewYork),或者如果字體名包括#或$之類的符號,才需要在font-family聲明中加引號。

單引號或雙引號都可以接受。但是,如果把一個font-family屬性放在HTML的style屬性中,則需要使用該屬性本身未使用的那種引號。
 

【編輯推薦】

  1. CSS三大選擇器區別
  2. CSS組合與嵌套用法詳解
  3. CSS樣式表設計十個雕蟲小技
  4. 深入學習六大CSS選擇符的使用
  5. 解讀DIV CSS網頁布局中CSS無效十個原因

 

 

責任編輯:佚名 來源: w3school.com.cn
相關推薦

2010-08-26 10:08:50

CSSmargin

2010-09-06 11:02:59

CSSmargin

2010-08-23 08:53:04

CSSmargin外邊距

2021-08-16 11:58:15

CSS顏色屬性前端

2010-04-27 13:12:04

負載均衡算法

2020-10-23 08:51:55

CSS

2010-08-25 15:34:48

CSSoverflow

2010-09-09 16:43:35

DIV+CSS

2010-08-30 15:06:04

CSSfont-size

2010-09-07 14:40:10

title屬性Alt屬性CSS

2010-08-23 15:33:47

CSSpadding

2010-08-25 14:26:09

CSSdisplay

2010-08-25 14:36:35

CSSheightwidth

2010-08-25 16:03:26

CSSborder

2010-09-03 14:00:29

CSSbackground

2010-09-06 10:21:15

CSS 列表

2010-08-23 08:45:08

CSSpadding內邊距

2010-09-01 13:37:58

CSSclip屬性

2010-08-23 13:12:10

padding-rig

2010-08-25 09:30:56

marginCSS
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 亚洲一区毛片 | 99视频在线免费观看 | 精品久草 | 久久逼逼| 国产精品久久久久久av公交车 | av在线免费观看网址 | 国产精品亚洲二区 | 风间由美一区二区三区在线观看 | 精品一区二区三区免费视频 | 免费久| 日韩在线视频一区二区三区 | 亚洲欧美日韩中文字幕一区二区三区 | 99久久精品国产麻豆演员表 | 国产91精品久久久久久久网曝门 | 亚洲成人av | 男女性毛片 | 国产日韩在线观看一区 | 伊人免费观看视频 | 亚洲精品福利视频 | 色婷婷一区二区三区四区 | 亚洲 自拍 另类 欧美 丝袜 | 国产精品视频免费观看 | 欧美一区免费 | 久久一二区 | 蜜桃毛片 | 青青草原精品99久久精品66 | 国产最新视频在线 | 美女中文字幕视频 | 亚洲一区视频在线 | 人人干人人草 | 天天摸天天看 | 午夜精品久久久久久久久久久久久 | 91精品国产综合久久久久久丝袜 | 精品视频亚洲 | 成人在线播放 | 成人久久网 | 99精品一区二区三区 | 久久精品女人天堂av | 日韩一区精品 | 欧美成年人视频在线观看 | 国产精品乱码一区二区三区 |