• Sitemap
  • Aboat
  • Home
logo
  • 首页
  • 关于
  • 动态
  • 文章
  • 资源
  • 网站
  • 设计
  • 数码
  • 地图
  • 链接
  • FAQ
  • BLOG
网站重构

WEB标准

  • 什么是web标准
  • 使用标准的好处
  • 怎样过渡
  • XHTML基础问答

推荐文章

·解析HTML的增强标记
·图片垂直居中的使用技巧
·display:inline-block的深入...
·w3csites网站
·web 开发技术荟萃
·网页设计师
·新增CSS在线中文手册
·第10天:自适应高度
·第9天:第一个CSS布局实例
·第8天:CSS布局入门
·第7天:CSS入门
·第6天:XHTML代码规范
·第5天:head区的其他设置
·第4天:调用样式表
·第3天:定义语言编码
·第1天:选择什么样的DOCTYPE
·CSS 常用ID,class命名
·CSS代码缩写技巧
·认识CSS中absolute与relativ...
·一个优化css的站点
·网页设计技巧:跨浏览器的CS...
css完美设计:灵活设置字体
日期:2008-6-7 | 来源:网络 | 作者:admin | 点击:
  • 字体大小
  • 小
  • 中
  • 大
用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+滚动鼠标中键时,还可以缩放页面的字体大小。
  • 浏览工具
  • 新闻评论
  • 打印本文
  • 关闭本页
  • 返回页首

相关资源

·解析HTML的增强标记
·用CSS按比例缩放图片
·图片垂直居中的使用技巧
·display:inline-block的深入理解
·第9天:第一个CSS布局实例
·第8天:CSS布局入门


  • Copyright © 2006 Nooker.com All rights reserved. Best viewed by 1024 * 768 Ie5.0 +
  • 冀ICP备06000114号
  • 城市漫延 Webmaster:Shadow QQ:5128790