Css 字体

1、text-indent设置抬头距离css缩进
Css 字体
即对,对应div设置css样式text-indent : 20px; 缩进了20px

2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式
Css 字体
即对对应div设置css属性样式为letter-spacing:8px;,字间距为8px

 

2.行间距

 

在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>

 

你可能感兴趣的:(css)