代码是否规范?哪些地方需要优化?

来源:4-7 编程练习

慕桂英8455924

2020-03-25 18:32:41

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>display属性</title>
        <style type="text/css">
          /*样式补充*/
          body,div,h3,ul{margin: 0px;padding: 0px;background-color: white;line-height: 1.5em;}
          .big{margin: 0 auto;width: 150px;}
          .div1 h3,.div2 h3,.div3 h3{height:1.3em; width:150px;background-color: #f2f2f2; text-align: center;
            line-height: 1.3em;
             border:1px solid black;}
          ul{text-align: center;
            border-left:1px solid black;
            border-right:1px solid black;
            width: 150px;}
            .clothes{border-bottom: 1px black solid;}
            li{display: none;}
            .div1:hover li{display: block;}
            .div2:hover li{display: block;}
            .div3:hover li{display: block;}
        </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回答

好帮手慕糖

2020-03-25

同学你好,代码是正确的,继续加油。祝学习愉快~

0

0 学习 · 40143 问题

查看课程