html如何设置行间距

html如何设置行间距,第1张

1、打开vscode,创建一个H5规范的页面,用于演示html行间距的设置方式。

2、在页面中添加一个div,设置宽度为300,目的是为了让div中的文字换行,从而设置行高

3、在浏览器中打开页面,可以看到默认的文字间距,如图所示

4、如果想要将行间距增大,那么可以在div标签中的style属性中添加line-height属性值

5、在浏览器中打开页面,此时就可以看到文字间距变大了

style可以加载到外部的css上面去,这样对页面比较好,修改和增加css的时候也比较方便。

一般在div上面写style="font-size:12px"这样写的话是不推荐这样写的.

老师他用font只是为了方便,这个不建议学习的,你只需要懂他们是拿来干什么的,然后写在css里面就行了..

你要增加一个font属性在上面可以这样写在你要定义font的div标签上面增加一个id或者class代码如下

<div id="d1">或者<div class="d1">

在css下定义id的函数前缀是#,定义class前缀是.

css代码就可以这样做

#d1 {

这里就填你要增加的font标签,这是代表id的定义

}

.d1 {

在这里写你要增加的font标签,这里是class的定义

}

p里的style或者是其他标签里的style都是html用来定义其元素的样式的,同样css也是用来定义样式的,只是一个是直接用style属性写在标签上,css则是用id class 或者标签名来定位标签而来定义其样式


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/zaji/7135612.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存