关于css中的font属性
今天在看字体样式font标签，了解到其共包含了几个属性：font-family(字体类型)、font-size(字体大小)、font-style(字体样式)、font-weight(字体粗细)、font-size-adjust(为元素规定 aspect 值)、font-stretch(收缩或拉伸当前的字体族)和font-variant(以小型小写字体或者正常字体显示文本)。说实话，经常用到的也就是前面4个，至于后面几个，我看了详细的解释，也还是有些糊涂，真正用到的时候应该不多。
平时写css，一般先在body里写{font-size:12px; font-family:"宋体",…},然后个别用到了再单独定义字体大小就可以了。但现在越来越多的中英文或纯英文页面，让这一招鲜显的心有余而力不足了，为了照顾到页面的美好，需要用到不同字体类型来进行重复定义，这个时候，样式的缩写就自然而然受到了宠爱，既省空间又省时间提高效率，谁不会喜欢呢？
谈到font的缩写，语法是这样的：font-style||font-variant||font-weight ||font-size/line-hehight||font-family，而且须按照这样的顺序，如果不写，默认取缺省值，更详细的介绍可以查阅《css2.0参考手册》，我想这个对于网页制作方面的朋友应该是必备良方。
现应用一下：
提示：你可以先修改部分代码再运行。
通过上面实例中显示的效果，有两点需要特别注意：
1、使用范围：如果要用到缩写，可以描述字体的不同显示效果，但至少要包括：字体大小和字体类型；
2、书写顺序：一定要保证字体类型在最后位置，否则定义的字体类型不会生效。
发表评论
| Trackback