RSS订阅
PHP程序员站--WWW.PHPERZ.COM  
网站地图
高级搜索
收藏本站

 当前位置:主页 >> 网页制作 >> CSS >> 文章内容
五日精通CSS层叠样式表之第三日(2)
[收藏此页[打印本页]   
来源:互联网  作者:未知  发布时间:2007-12-13

字间距及字母间距

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

php程序员站


字间距 php程序员站


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

www~phperz~com

    H3 { word-spacing: 1em } php程序员站


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

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

以下为显示结果:
www~phperz~com

    Behold the power of cheese.

www.phperz.com


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

www.phperz.com


字母间距

phperz.com


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

phperz.com

    H3 { letter-spacing: 10px } php程序员站


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

php程序员站


如果你用的是IE 4,这里是一个例子:
php程序员站

    Behold the power of cheese.


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

phperz.com


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

php程序员之家


 
 相关文章
 
发表评论
全部评论(0条)
 
 站内搜索
 热门搜索 基础  mysql  url  adodb
高级搜索 网站地图 站长工具 IP查询 收藏本站
 热点文章
 随机推荐
网站首页 | 网站地图 | 高级搜索 | RSS订阅
PHP程序员站 Copyright © 2007,PHPERZ.COM All Rights Reserved 粤ICP备07503606号 联系站长