Css Font 詳細研究

weixin_30639719發表於2020-04-05

  在設計自己部落格主頁的時候想修改下字型,結果發現自己對字型(css font)的瞭解只是一知半解,屬於翻書醫生的水平,呵呵。就細細翻閱了下css手冊,就總結了一下。

  按簡寫順序來總結吧。

font-style:可選值有normal(預設)、italicoblique。中文翻譯一個斜體一個傾斜。我看了下效果,這不坑爹麼,一模一樣啊。為什麼要有兩個效果一樣的值呢!上網搜了一下,原來是這樣啊:斜體是字型的一個屬性,而傾斜是將字型傾斜。字型一般有粗體、斜體、下劃線、刪除線等屬性規定了相應的表現樣式,如果特殊字型沒有斜體這個屬性,你就算設定了font-style:italic也沒有效果,這時候要想達到斜體效果就只能用oblique了。那為什麼不直接都用oblique呢,我的猜想是oblique是將文字進行傾斜處理,相比直接呼叫字型的斜體樣式效能要底。

 

font-variant:可選值normal、small-caps。就是將所有的小寫字母尺寸縮小(縮小多少不知道)然後將小寫形式改為大寫形式,對本身是大寫的字母無影響。對漢字無影響。

 

font-weight:normal、bold。這個不多說了,其他值都無效果。font-size和font-family就不多說了。沒什麼可說的

 

至於剩下的caption、icon、menu之類的我認為就是一些預定義的字型了

 

text-shadow:.1em .1em .3em red,-.1em -.1em .3em green;分別為水平偏移量,垂直偏移量和可選的模糊半徑以及顏色值。可以指定多個陰影樣式,不同樣式以逗號隔開。

 

text-overflow:clip/ellipsis。一個是直接剪下掉一個是在末尾現實...

 

word-wrap:normal/break-word。一個是不在單詞中間換行,一個是可以再單詞中間換行。

轉載於:https://www.cnblogs.com/chaos-forfun/archive/2012/11/17/2775430.html

相關文章