Css Font 详细研究

在设计自己博客主页的时候想修改下字体,结果发现自己对字体(css font)的了解只是一知半解,属于翻书医生的水平,呵呵。就细细翻阅了下css手册,就总结了一下。

按简写顺序来总结吧。

font-style:可选值有normal(默认)、italic、oblique。中文翻译一个斜体一个倾斜。我看了下效果,这不坑爹么,一模一样啊。为什么要有两个效果一样的值呢!上网搜了一下,原来是这样啊:斜体是字体的一个属性,而倾斜是将字体倾斜。字体一般有粗体、斜体、下划线、删除线等属性规定了相应的表现样式,如果特殊字体没有斜体这个属性,你就算设置了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。一个是不在单词中间换行,一个是可以再单词中间换行。

你可能感兴趣的:(Css Font 详细研究)