一、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,說明 含空格字型名和中文,用英文引號括起 多個字型,用英文逗號隔開 引號巢...