html第一行有空行

shanql

于 2022-05-24 01:25:47 发布

阅读量537

点赞数

分类专栏： Web开发文章标签： css

本文链接：https://blog.csdn.net/s634772208/article/details/124938456

版权

Web开发专栏收录该内容

27 篇文章 0 订阅

订阅专栏

问题描述

设置了body的margin,padding为0，但在html第一行有个空行。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            margin:0px;
            padding:0px;
            background-color: gray;
        }
        h1{
            background-color: chocolate;
        }
    </style>
</head>
<body>
    <h1>sfdsaf</h1>
</body>
</html>

在这里插入图片描述

原因分析

按浏览器F12，进入调试模式，发现h1存在margin，如下图
在这里插入图片描述
html很多元素是有默认的margin或padding。

解决方案

去除h1的margin

    <style>
        body{
            margin:0px;
            padding:0px;
            background-color: gray;
        }
        h1{
            background-color: chocolate;
            margin: 0px;
        }
    </style>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

shanql

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html第一行有空行

问题描述设置了body的margin,padding为0，但在html第一行有个空行。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ margin:0px; padding:0px;
复制链接

扫一扫