建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > css教程 >

CSS中如何调整行距,字距

时间:2011-05-10 13:59来源: 作者: 点击:
下面我们来看一下用CSS如何设置调整行距和字据  字间距: 利用字间距属性word-spacing,可以调整单词间的距离。 h2 {word-spacing:5pt}  字母间距: 利用字母间距属性letter-spacing,可以调整单词中每个字母间的距离。 h2 {letter-spacing:10pt};  

下面我们来看一下用CSS如何设置调整行距和字据 

字间距:

利用字间距属性word-spacing,可以调整单词间的距离。
h2 {word-spacing:5pt}

 字母间距:

利用字母间距属性letter-spacing,可以调整单词中每个字母间的距离。
h2 {letter-spacing:10pt};

 行高:

与字距不同的是行距line-height,它调整的是行与行间垂直方向的距离,有三种方法设置:
长度单位:h3 {font-size:12pt; line-height:24pt};
比例:h3 {font-size:12pt; line-height:200%};
数值:h3 {font-size:12pt; line-height:2};                                //此处line-height=2x12pt=24pt

无论是字距或字母间距或行距都有一个共同的参数:normal,一旦设为normal就是要浏览器使用默认值。

 

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片