不清除内外边距

不清除内外边距

在不清除内外边距的情况下,设置h1的字体上外边距会有变化,为什么?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>


       .one{

        background: black;

        height: 150px;

        color: white;

        text-align: center;

        line-height: 150px;

        font-size: 24px

       

       

       }

       div{


       }

       .two{

        width: 500px;

        margin: 0 auto;

        font-size: 14px;

        line-height: 1.5em;

       

       }

</style>

</head>

<body>

<div class="one">

       <h1>欢迎来到慕课网</h1>

</div>

<div class="two">

      <p>慕课网,只学有用的</p>

      <p>慕课网(IMOOC)是IT技能学习平台。慕课网(IMOOC)提供了丰富的移动端开发、php开发、web前端、android开发以及html5等视频教程资源公开课。并且富有交互性及趣味性,你还可以和朋友一起编程</p>

</div>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,h1标签,有本身自带的属性,其中就有外边距,这里的间距,就是这个引起的,同学可以f12查看下哦,例:

http://img1.sycdn.imooc.com//climg/5c2c96ec000145bd19200819.jpg

祝学习愉快!

好帮手慕糖 2019-01-02 17:29:13

同学你好,你是指one这个元素,距顶部的距离变大了吗?如下:

http://img1.sycdn.imooc.com//climg/5c2c83d8000147fc12780065.jpg

这里是因为,h1标签,本身的内外边距引入的哦。

若指的不是这里,建议:可以详细的描述下。便于更加准确的定位与解决问题。

祝学习愉快!

  • 提问者 郝存杰 #1
    这是因为,h1标签本身的内外边距,请详细解释
    2019-01-02 18:42:44
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师