• 使用CSS设置行间距,字间距.


    字间距
    1、text-indent设置抬头距离css缩进

    即对,对应div设置css样式text-indent : 20px; 缩进了20px

    2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式

    即对对应div设置css属性样式为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>
  • 相关阅读:
    python中常用的数据类型之整型(int),浮点型(float), 布尔值(bool), 复数(complex)
    requests库的基础使用
    socket,urllib,urllib3,request多种方法请求网页首页
    nginx日志切割
    gitlab社区版安装
    批量修改文件编码
    lvm磁盘扩展及添加磁盘lvm分区
    函数
    集合
    数据类型练习题
  • 原文地址:https://www.cnblogs.com/cuidan9495/p/6042486.html
Copyright © 2020-2023  润新知