字间距
1、text-indent设置抬头距离css缩进
即对应设置css样式text-indent : 20px; 缩进了20px。
text-indent : 2em;即缩进了2个字体大小的距离。
2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式
即对对应div设置样式为letter-spacing:8px;,字间距为8px
行间距
在CSS中,可以设置行间距,格式如下:
标签名{line-height:参数}根据参数不同有3种方法:1.用数字参数设置: 行间距=字号×参数2.用单位参数设置: 行间距=参数3.用比例参数设置: 行间距=字号×参数实例:
1.用数字参数设置:
程序代码
<html><style type="text/css"><!-- body{font-size:12pt;line-height:3} --></style><head> <title>CSS</title></head><body> Welcome to Magci's BLOG!<br> Welcome to Magci's BLOG!<br> Welcome to Magci's BLOG!</body></html>
2.用单位参数设置:
程序代码
<html><style type="text/css"><!-- body{font-size:12pt;line-height:3pt} --></style><head> <title>CSS</title></head><body> Welcome to Magci's BLOG!<br> Welcome to Magci's BLOG!<br> Welcome to Magci's BLOG!</body></html>
3.用比例参数设置:
程序代码
<html><style type="text/css"><!-- body{font-size:12pt;line-height:200%} --></style><head> <title>CSS</title></head><body> Welcome to Magci's BLOG!<br> Welcome to Magci's BLOG!<br> Welcome to Magci's BLOG!</body></html>