加入收藏 | 设为首页 | 会员中心 | 我要投稿 汽车网 (https://www.0577qiche.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

CSS中line-height属性的使用有什么影响,哪些事项要注意

发布时间:2023-10-16 10:07:30 所属栏目:语言 来源:
导读:关于“CSS中line-height属性的使用有何影响,哪些事项要注意”的知识有一些人不是很理解,对此小编给大家总结了相关内容,具有一定的参考借鉴价值,而且易于学习与理解,希望能对大家有所帮助,有这个方面
关于“CSS中line-height属性的使用有何影响,哪些事项要注意”的知识有一些人不是很理解,对此小编给大家总结了相关内容,具有一定的参考借鉴价值,而且易于学习与理解,希望能对大家有所帮助,有这个方面学习需要的朋友就继续往下看吧。

概念

1、css line-height属性会影响行框的布局,用于设定行与行之间的距离,不允许使用负值。

2、当应用于块级元素时,它定义了基线之间的最小距离,而非距离。

line-height和font-size的计算值之差分为两半,分别增加到文本行内容的顶部和底部。包含这些内容的最小框是行框。

cssline-height属性值

normal:设置合理的行距和默认值。

number:设置数字,这个数字会乘以当前字体大小来设置行距。

length:设置固定行距。

%:基于当前字体大小的百分比行距。

inherit:规定line-height属性值应由父元素继承。

注意:所有浏览器都支持line-height属性。

实例

<html>
<head>
    <title>
        行间距
    </title>
    <style type="text/css">
        p.one {
            font-size: 10pt;
            line-height: 8pt;
        }
 
        p.second { font-size: 18px; }
 
        p.third { font-size: 10px; }
 
        p.second, p.third { line-height: 1.5em; }
    </style>
</head>
 
<body>
<p>9月23日是“秋分”,我国古籍《春秋繁露、阴阳出入上下篇》中说:“秋分者,阴阳相半也,故昼夜均而寒暑平。”“秋分”的意思有二:一是太阳在这时到达黄径180.一天24小时昼夜均分,各12小时;二是按我国古代以立春、立夏、立秋、立冬为四季开始的季节划分法,秋分日居秋季90天之中,平分了秋季。</p>

<p>秋分时节,我国常见流域及其以北的广大地区,均夏侯进入了秋季,日平均气温都降到了22℃以下。北方冷气团开始具有一定的势力,大部分地区雨季刚刚结束,凉风习习,碧空万里,风和日丽,秋高气爽,丹桂飘香,蟹肥橘黄,秋分是美好宜人的时节。</p>

<p>秋季降温快的特点,使得秋收、秋耕、秋种的“三秋”大忙显得格外紧张。秋分棉花吐絮,烟叶也由绿变黄,正是收获的大好时机。华北地区已开始播种冬麦,长江流域及南部广大地区正忙着晚稻的收割,抢晴耕翻土地,准备油菜播种。</p>

</body>
</html>

(编辑:汽车网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章