欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 教程文档 > Css&Div > 3.2 字间距及字母间距

3.2 字间距及字母间距

2018-05-05 756 收藏 0 赞一个 0 真差劲 0 去评论

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

字间距

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

H3 { word-spacing: 1em }

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

in (英寸)

cm (厘米)

mm (毫米)

pt (点数)

pc (打字机字间距)

em (ems)

ex (x-height)

px (象素)

以下为显示结果:

20150115033810_73511.jpg

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

字母间距

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

H3 { letter-spacing: 10px }

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

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

20150115033722_81474.jpg

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

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

返回主目录
暂无界面图片

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论