论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{CSS}CSS中font-size文字大小属性值的四个种类

文章类别:div+css布局 | 发表日期:2008-9-26 11:34:04

  版权声明:21shipin.com原创,未经本站同意,严禁转载!

  我们逐渐意识到,我们用px作为文字大小的单位,已经出现很多问题。最主要是体现在用户不能灵活的控制文字的大小,现在IE浏览器是主流,但我们不能通过浏览器设置文字大小,因为我们用px作为文字大小的单位。

  对于大多数用户来说或许这并无不妥,但对于年龄稍大及眼力不佳的访客来说,他们不能按他们的意愿,通过浏览器来改变文字的大小。我们以“用户至上”为原则,我们应该采取一种策略,不要求通过px为单位获得100%的精确性,我们需要获得更大的浏览器的可伸缩性与易用性,灵活的满足访客的需要。关于这类话题我们在以后21shipin.com的教程中,与大家再进行深入的探讨。我们今天对font-size属性的值进行一些分析,看从中我们能得到一些什么启示。

一、长度单位

  长度单位分为两种,一种是相对长度,另一种是绝对长度。
  以下为三种相对长度单位:
  ◆ em 相对于父对象的大小
  ◆ ex 相对于特定字体中的字母x的高度
  ◆ px 相对于特定设备的分辨率,这是最最常用的单位,也是我们一直坚守的单位。从技术角度来说,px像素其实是一种相对大小的度量单位,它于特定设备的显示或打印的分辨率有关。例如,一个像素在被显示在计算机屏幕上与被打印在纸张上的大小是不同的。

  以下为五种绝对长度单位:
  绝对长度单位在打印时或在屏幕显示设备的物理尺寸已知时才比较有用。
  ◆ in 英寸
  ◆ cm 厘米
  ◆ mm 毫米
  ◆ pt 点
  ◆ pc 12点活字

二、相对大小的要害字

  相对大小的要害字只有两个值:
  ◆ larger
  ◆ smaller
  这两个值的设定与父对象的设定值有关。我们可以像理解老式的<small><big>那样来理解它们。它们是设定文字大小的最基本的方式,并会受到上层对象的文字大小定义的影响。

三、绝对大小的要害字

  这类要害字共有7个,他们的实际大小根据不同的浏览器及设备来决定。

  ◆ xx-small
  ◆ x-small
  ◆ small
  ◆ medium
  ◆ large
  ◆ x-large
  ◆ xx-large

  W3C建立建议浏览器开发公司,将每个要害字之间的比例设定为1.5。并推荐让这个比例保持恒定,妈medium是small的1.5倍。同样large是medium的1.5倍。

四、百分比

  使用百分比设置大小,将在容器对象文字大小的基础上进行改变。假如我们设置body的文字大小为10。我们设置p的文字大小为150%,则p的文字大小就为15。不管10是什么样的单位,百分比作为一种比例进行缩放调整。

  我们可以从更深层次去思考,我们将在21shipin.com以后的文章中进行发布,面对这些定义文字大小属性值的单位,我们如何为用户提供一个灵活的浏览环境,并答应他们按他们的意愿来控制文字的大小以更方便于浏览。

  版权声明:21shipin.com原创,未经本站同意,严禁转载!
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058