会员中心
用户名:    密码:    验证码:      免费注册会员

jquery手册   CSS2手册       请关注健康

CSSer > 客户端开发 > web标准与前台开发 > 增加亲和力和易访问性-把控制字体大小的决定权交还给用户

来源: 作者:forestgan 发布时间:2007-04-12
雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks
现在国内绝大多数的站点都用CSS把字体大小设定为12px,像素虽然也是相对尺寸单位,但只是相对于屏幕的分辨率 ,当屏幕的分辨率一定时,如果你感到字太小,阅读有困难,在非标准浏览器中就无能为力了,所以说,如果把单位改成em,那么就可以用CTRL+鼠标滚动把字放大,或者用菜单上的查看>文字大小来改变字的大小。

如何设定
1.在body标签里将字体尺寸设为62.5%,如果在body里没有CSS设定,那么浏览器默认的大小是16px,设了62.5%,则字体尺寸=16px*62.5%=10px,这时你能用em方便地设大小了,比如你需要用12px,只要设1.2em。

body{
font-size: 62.5%;
}

h1{
fong-size: 1.4em;/* h1字的大小相当于14px */
}
2.body里字体尺寸设为75%,则字体尺寸=16px*75%=12px,1em相当于12px.

body{
font-size: 75%;
}

h1{
fong-size: 1.5em;/* h1字的大小相当于18px */
}
第一种方法更好些。

如果是英文网站的话,还可以设定为small、x-small......

当然这样一来,对页面的设计要求会高一些。

相关文章

  • Accesskey引起的一点点思考

    Access key 是什么?~估计除了做 Web 开发的没多少人知道,Access key 是网页提供的快捷键。先回到软件界面,看下我的 Ope

  • 重新认识表格和一个访问无障碍的数据表格例子

    表格一直是网页设计制作过程中一个重要的组成部分,在没学习CSS布局前,大多是用来布局的,但到目前位置发现居然还没真正

  • javascript中parseFloat的用法

    parseInt(numString, [radix]) 参数 numString 必选项。要转换为数字的字符串。 radix 可选项。在 2 和 36 之间的表示 num

  • 遵照 WCAG 指导原则设计表单

    表单是网页中一个不可缺少的部分,如何使表单更具有亲和力了?这是一个遵照 WCAG 指导原则设计的表单,许多地方都努力去做

  • 面向对象的 Javascript

    JavaScript的演化是渐进而稳固的。历经过去十年的进程,JavaScript在人们的认知里已经从一门简单的玩物式的语言逐渐发展成

  • 掌握Ajax:使用 JSON 进行数据传输

    在异步应用程序中发送和接收信息时,可以选择以纯文本和 XML 作为数据格式。掌握 Ajax 的这一期讨论另一种有用的数据格式

  • 更具可访问性的Display:none;

    现在越来越多的网页出于各种各样的原因会将页面上的一些区域(通常是div)隐藏,CSS隐藏元素的方法也有很多种,最常用也是

  • Adobe Dreamweaver CS3初探密

    作为网页设计工具,Dreamweaver和GoLive相比之下,Dreamweaver的性能似乎更胜一筹。Dreamweaver 8发布至今已有两年之久了