怎么把h3之间的空白去掉,还有.big的margin设置了auto为什么没反应

怎么把h3之间的空白去掉,还有.big的margin设置了auto为什么没反应

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>display属性</title>

        <style type="text/css">

          /*样式补充*/

          body,h3{

              margin:0;

              padding:0;

          }

          

          h3{

              display:black;

          }

          

          li{

              display:none;

          }

          .big{

              margin: auto;

          }

        </style>

    </head>

    <body>

    <div class="big">

        <div class="div1">

            <h3>家电</h3>

            <ul class="elec">

                <li>冰箱</li>

                <li>洗衣机</li>

                <li>空调</li>

            </ul>

        </div>

        <div class="div2">

            <h3>洗护</h3>

            <ul class="wash">

                <li>洗衣液</li>

                <li>消毒液</li>

                <li>柔顺剂</li>

            </ul>

        </div>

        <div  class="div3">

            <h3>衣物</h3>

             <ul class="clothes">

                <li>衬衫</li>

                <li>裤子</li>

                <li>卫衣</li>

            </ul>

        </div>

      </div>

</body>

</html>


正在回答 回答被采纳积分+1

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

1回答
Miss路 2018-11-25 11:43:05

1、需要用全局选择器*去除默认的填充样式

2、使用margin:auto的前提是这个元素有宽度,下面我随便给了一个宽度:

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

如果帮助到了你,欢迎采纳!

祝学习愉快!

  • 提问者 Idiot_陈皮 #1
    可我给已经给h3清除了默认样式,那这个空白是是谁的样式
    2018-11-25 11:56:33
  • 提问者 Idiot_陈皮 #2
    我之前是在慕课的编辑器是上做的,现在在sublime上只改清除h3的默认样式,空白也能消失。
    2018-11-25 12:07:28
  • Miss路 回复 提问者 Idiot_陈皮 #3
    是ul和li的默认填充样式没有清除,所以当你不知道是谁的样式的时候,就可以直接用一个全局选择器*来清除所有的就可以了。 如果帮助到了你,欢迎采纳!
    2018-11-25 14:22:36
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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