深入CSS字体定义 Unknown 2009/05/04

| |

相信大家对CSS都比较了解,CSS简化了我们很多的工作。

比如,CSS中,对font有font-family、family-size、font-style、font-weight这几个定义。我以前一直以为有一个叫font-color的,后来才发现,CSS中是没有font-color这么一说的。

更高级的,不用像下面这么写:

font-family: arial,tahoma;
font-size: 12pt;
font-style: italic;
font-weight: bold;

而直接简化为font: italic bold 12pt arial,tahoma一句就可以了。

规范是:

font-style | font-variant | font-weight | font-size | font-family

CSS属性font-variant的值可以是:normal(正常)或small-caps(小体大写字母)。small-caps字体是一种以小尺寸显示的大写字母来代替小写字母的字体。不过,在中文网页中,不太使用这个属性。

族类(generic family)
一个族类是一组具有统一外观的字体族。在一些英文软件中经常用到这种概念,如Lotus Notes等。

serif,代表一组有“脚”的字体。如:Times New Roman, Georgia, Garamond等。
sans-serif,代表一组没有“脚”的字体。如:Arial, Verdana, Tahoma等。
monospace,代表一组字符等宽的字体。如:Courier, Courier New等。

下面来实例演示一下这几组字体的效果,注意上面蓝色文字中所提到的区别。

请给这篇日志评个分吧~!

本文评分: 4.6/10 (18 votes)    提示:您还未对本文评分,您可以进行评分并发表您的意见!

加入收藏!

JW Email Homepage IP
2009/11/03 22:41
我不喜欢用shorthand格式,感觉读起来非常费劲,尤其是有些中间某些参数省略的时候。

反正在电脑上编码可以复制粘贴,我觉的shorthand也并没有便利多少。

博主,你应该调一下CSS里关于留言输入框的字体颜色。现在的颜色非常非常淡,几乎看不清。不知其他人有没有这个问题?。
spyrise 回复于 2009/11/04 13:15
谢谢你的建议,你是CRT显示器吧?我觉得液晶看上去还可以。不过确实有点淡。。。有空我会改的。

你说的shorthand是什么啊?我不明白。
myogg IP
2009/05/05 10:15
代码我是一点也不懂,我只会瞎改
分页: 1/1 第一页 1 最后页
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [注册]