CSS常用的字型樣式

2021-10-05 22:16:45 字數 1115 閱讀 7297

一、font-size:字型大小大小 推薦單位px

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

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

二、font-family:字型

1.可以直接輸入中文,但是在檔案編碼(gb2312、utf-8 等)不匹配時會產生亂碼的錯誤;』xp 系統不支援 類似微軟雅黑的中文。

2.可以使用英文來替代。 比如font-family:"microsoft yahei"

3.使用 unicode 編碼

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

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

2. 中文字型、字型名中包含空格、#、$等符號需要加英文狀態下的引號,英文本型一般不需要加引號。當需要設定英文本型時,英文本型名必須位於中文字型名之前。

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

三、font-weight:字型粗細

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

屬性值:normal、bold、bolder、lighter、100~900(100的整數倍)。

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

四、font-style:字型風格

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

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

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

一般很少設定為斜體。

五、font:綜合設定字型樣式

選擇器

必須按上面語法格式中的順序書寫,不能更換順序,各個屬性以空格隔開。

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

css字型樣式

注 以下的字型樣式只可在ie中使用。刪除線刪除線 加上背景色 加上背景色 左右翻轉效果 左右翻轉效果 上下翻轉效果 上下翻轉效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發...

css 字型樣式

通常使用絕對大小定義文件的基準字型大小,然後使用相對大小定義其它文字 如 定義文件預設字型大小為12培訓,位150 則呈現12px大小,呈現為18px的大小 常用技巧 中文網頁的字型大小設定,通常使用偶書字型大小,以避免文字邊緣出現毛邊,如14px或22px 在pc端設定字型大小最小值為12px,在...

CSS字型樣式

字型 font family 文字大小 font size 文字顏色 color 文字粗細 font weight 文字樣式 font style 定義元素內文字以什麼字型來顯示 語法 font family 字型1,字型2,說明 含空格字型名和中文,用英文引號括起 多個字型,用英文逗號隔開 引號巢...