| 网站首页 | 模板 | 资料 | 源码 | 工具 | 开发 | 设计 | 安全 | 项目 | 网络 | 图片 | 系统 | 数据库 | 博客 | 会员中心 | 小说 | 
MYFTP 精品资料下载
网络学院
学习资料
源码模版
您现在的位置: 精品下载 >> 开发 >> 网站开发 >> CSS技术 >> 文章正文 用户登录 新用户注册
3.2 字间距及字母间距            【字体:
3.2 字间距及字母间距
作者:佚名    文章来源:不详    点击数:    更新时间:2007-12-18

下面要学习的属性可以使你做到HTML标签做不到的事情:控制字间距及字母间距。


字间距


利用字间距属性,你可以在字之间加入更的距离:

    H3 { word-spacing: 1em }


你所使用的参数值将加入任何浏览器的缺设置,你可以使用我们昨天谈到的任何种长度单位:

  • in (英寸)
  • cm (厘米)
  • mm (毫米)
  • pt (点数)
  • pc (打字机字间距)
  • em (ems)
  • ex (x-height)
  • px (象素)

以下为显示结果:

    Behold the power of cheese.


如果你的浏览器不支持这种CSS属性,请点击这里查看显示效果。


如果你看不到任何不同之处,则说明你的览器不支持这种属性,只有MAC机用的IE4能支持这种字间距设置。


字母间距


字母间距可以在IE 4中应用,但Communicator不行,唉...

    H3 { letter-spacing: 10px }


字母间距的功能和字间距的很类似:其参值将被加入到浏览器的缺省设置中,你以使用上述任何一种长度单位。


如果你用的是IE 4,这里是一个例子:

    Behold the power of cheese.


对于这两种属性,你都可以使用normal参数。从而使其按照浏览器的原有缺省设置显示。


别沮丧,还有很多CSS属性可以在两种浏览器上都可使用。下文中就是一个例子。


文章录入:chqnet    责任编辑:chqnet 
  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    13.依赖样式表
    3.CSS 属性
    1.2 样式表能为我们做什么?
    2.2 按照字体名称调用字体
    3.3 行距
    3.4 文字对齐及缩行
    3.5 边距及空格填充
    3.6 边框
    3.7 浮动要素
    4.2 为你的世界添加色彩
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)