CSS字型樣式屬性 戀天小結

2021-10-09 03:24:28 字數 1971 閱讀 6157

font-size屬性用於設定字型大小,該屬性的值可以使用相對長度單位,也可以使用絕對長度單位。其中,相對長度單位比較常用,推薦使用畫素單位px,絕對長度單位使用較少。具體如下:

font-family屬性用於設定字型。網頁中常用的字型有宋體、微軟雅黑、黑體等,例如將網頁中所有段落文字的字型設定為微軟雅黑,可以使用如下css樣式**:

p
可以同時指定多個字型,中間以逗號隔開,表示如果瀏覽器不支援第乙個字型,則會嘗試下乙個,直到找到合適的字型。

常用技巧

現在網頁中普遍使用14px+。

盡量使用偶數的數字字型大小。ie6等老式瀏覽器支援奇數會有bug。

各種字型之間必須使用英文狀態下的逗號隔開。

中文字型需要加英文狀態下的引號,英文本型一般不需要加引號。當需要設定英文本型時,英文本型名必須位於中文字型名之前。

如果字型名中包含空格、#、$等符號,則該字型必須加英文狀態下的單引號或雙引號,例如font-family: 「times new roman」;。

盡量使用系統預設字型,保證在任何使用者的瀏覽器中都能正確顯示。

在 css 中設定字型名稱,直接寫中文是可以的。但是在檔案編碼(gb2312、utf-8 等)不匹配時會產生亂碼的錯誤。xp 系統不支援 類似微軟雅黑的中文。

方案一:你可以使用英文來替代。比如 font-family:「microsoft yahei」。

方案二:在css 直接使用unicode編碼來寫字型名稱可以避免這些錯誤。使用unicode 寫中文字型名稱,瀏覽器是可以正確的解析的。font-family: 「\5fae\8f6f\96c5\9ed1」,表示設定字型為「微軟雅黑」。

可以通過escape() 來測試屬於什麼字型。

字型名稱 英文名稱 unicode 編碼

宋體 simsun \5b8b\4f53

新宋體 nsimsun \65b0\5b8b\4f53

黑體 simhei \9ed1\4f53

微軟雅黑 microsoft yahei \5fae\8f6f\96c5\9ed1

楷體_gb2312 kaiti_gb2312 \6977\4f53_gb2312

隸書 lisu \96b6\4e66

幼園 youyuan \5e7c\5706

華文細黑 stxihei \534e\6587\7ec6\9ed1

細明體 mingliu \7ec6\660e\4f53

新細明體 pmingliu \65b0\7ec6\660e\4f53

為了照顧不同電腦的字型安裝問題,我們盡量只使用宋體和微軟雅黑中文字型

字型加粗除了用b和strong標籤之外,可以使用css 來實現,但css是沒有語義的。

font-weight屬性用於定義字型的粗細,其可用屬性值:

normal、bold、bolder、lighter、100~900(100的整數倍)。

小技巧:數字400等價於normal,而700等價於bold。但是我們更喜歡用數字來表示。

字型傾斜除了用 i 和 em 標籤之外,可以使用css 來實現,但是css 是沒有語義的。

font-style屬性用於定義字型風格,如設定斜體、傾斜或正常字型,其可用屬性值如下:

normal:預設值,瀏覽器會顯示標準的字型樣式。

italic:瀏覽器會顯示斜體的字型樣式。

oblique:瀏覽器會顯示傾斜的字型樣式。

小技巧:

平時我們很少給文字加斜體,反而喜歡給斜體標籤(em,i)改為普通模式。

font:綜合設定字型樣式

font屬性用於對字型樣式進行綜合設定,其基本語法格式如下:

選擇器

CSS外觀屬性 戀天小結

color屬性用於定義文字的顏色,其取值方式有如下3種 1.預定義的顏色值,如red,green,blue等。2.十六進製制,如 ff0000,ff6600,29d794等。實際工作中,十六進製制是最常用的定義顏色的方式。3.rgb 如紅色可以表示為rgb 255,0,0 或rgb 100 0 0 ...

CSS初識以及樣式表 戀天小結

css cascading style sheets 主要用於美化樣式。css通常稱為css樣式表或層疊樣式表 級聯樣式表 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局等外觀顯示樣式。css以html為基礎,提供了豐富的功能,如字型 顏...

CSS字型樣式屬性

font size字型大小大小 一般推薦使用相對長度 px em 不推薦使用絕對長度 in,cmm,mm,pt font family字型 1.可以同時指定多個字型,中間用英文狀態的逗號隔開,英文本型一般不需要加引號,中文字型需要新增英文狀態下的引號,當需要設定英文本型時,英文本型必須位於中文字型之...