21番茄网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 21番茄网
查看: 1059|回复: 0

[代码库] 同层级的两个标签之间留一行空白

[复制链接]

720

主题

940

帖子

3116

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
3116
发表于 2024-7-28 12:58:36 | 显示全部楼层 |阅读模式
同层级的两个标签之间留一行空白,以便于结构更清晰,可以通过CSS来实现

举例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Empty Line Example</title>
    <style>
        p {
            margin-bottom: 1rem; /* 设置段落下边距为1rem,使得段落之间有一行空白 */
        }
    </style>
</head>
<body>
    <h1>标题1</h1>
    <p>这是第一个段落。</p>
    <p>这是第二个段落。</p>
    <h2>标题2</h2>
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
    </ul>
</body>
</html>


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|21番茄网 ( 粤ICP备10099428号 ) 奇远富

GMT+8, 2025-2-22 16:32 , Processed in 0.162851 second(s), 29 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表