4 3 font字型

2022-09-23 04:21:59 字數 1737 閱讀 9565

字型

9.1 font-size:大小

相對長度單位比較常用,推薦使用畫素單位px,絕對長度單位使用較少。

相對長度單位

說明em

相對於當前物件內文字的字型尺寸

px畫素,最常用,推薦使用

絕對長度單位

說明in

英寸cm

釐米mm

毫米pt

不同瀏覽器可能預設顯示的字號大小不一致,一般用標籤選擇器對 body指定整個頁面文字的大小。

9.2 font-family:字型(實際工作中字型按照團隊約定來寫)

用於設定字型

p 常用技巧:

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

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

如果字型名中包含空格、#、$等符號,則該字型必須加英文狀態下的單引號或雙引號。

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

9.3 unicode字型

在css中設定字型名稱是可以直接寫中文的, 但是在檔案編碼(gb2312、utf-8等)不匹配時會產生亂碼的錯誤。

xp系統 不支援類似 微軟雅黑的中文。

這時候可以使用英文來替代,也可以使用unicode字型來避免這些情況。

font-family: "\5fae\8f6f\96c5\9ed1";    這個表示字型為微軟雅黑。

字型名稱

英文名稱

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

9.4 font-weight:字型粗細(提倡使用數字來表示加粗和不加粗)

屬性值描述

normal

預設值(不加粗的)

bold

定義粗體(加粗的)

100~900

400等同於normal,而700等同於bold

9.5 font-style:字型風格(我們平時很少給文字加字型,反而喜歡給斜體標籤改為普通模式)

屬性值作用

normal

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

italic

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

9.6 綜合寫法(縮寫)

選擇器

注意:使用font屬性時,必須按上面語法格式順序書寫,不能更換順序,屬性間用空格隔開。

其中不需要設定的屬性可以省略(取預設值),但必須保留font-size和font-family屬性,否則font屬性將不起作用。

CSS3 font face 規則

指定名為 myfirstfont 的字型,並指定在 可以找到它的url font face 以下例項為在div中使用的字型 div font face 字型描述值說明 font family name 必需的。定義字型的名稱。 srcurl font stretch normal condensed...

css3系列之 font face

font face 這個屬性呢,必須設定在 css的根下,也就是說,不能設定在任何元素裡面。 font face 引數 font family 給這個文字型檔 起個名字。 src url format 瀏覽器呢,是不具備解析 這種格式的檔案的, 所以要呼叫 自身的系統來幫忙解析。 format 這個屬...

From 3 1 3 4

一 clr支援兩種程式集 弱命名程式集 weakly named assembly 和強命名程式集 strongly named assem...