完美网页设计应用:用CSS灵活设置字体

2008-02-23 08:39:55来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

  用DIV CSS来写网站结构也有一段时间,在此过程中发现有时候需要把字体设置成比12px,而比14px小的字体(13px在IE中无法区分出大小来和12px一样)。今天发现用 font-size:small; 可以很好控制好字体的大小。

  首先设置一个基础值在标签中

body{font-size:small;}

  以这个字体大小为基础,在其他标签中设置百分比

h1{font-size:120%;}
h2{ font-size:110%;}
note{font-size:80%;}

  随着基础值的改变,其他字体也都会跟着改变,要修改的时候只需要修改body里的基础值。

  用small作为基础值可以使用户根据喜好随意调整大小,用户的调整不影响整体字体的比例失调。同时,当你按下Ctrl 滚动鼠标中键时,还可以缩放页面的字体大小。

关键词:
【推荐给好友】【关闭】
最新五条评论
查看全部评论
评论总数 0 条
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:CSS在IE与Firefox下不同的解析及解决方案

下一篇:用DIV CSS布局网页表单的一个例子