麻烦老师看看有什么问题,谢谢!

麻烦老师看看有什么问题,谢谢!

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>盒子模型的综合应用</title>

    <style type="text/css">

        div,ul,body,h3{margin0px auto;}

        .big{width100px;height:auto;}

        ul{list-style-typenone;displaynone;padding0px;font-weight150;font-size:12px;}

        h3:hover~ul{display:inline-block}

        h3{background-color#eeeeee;font-weight200;}

        div{text-aligncenter;font-size15px;borderthin solid #dfdfdf;} 

    </style>

</head>

<body>

    <div class="big">

        <div class="div1">

            <h3>家电</h3>

            <ul>

                <li>冰箱</li>

                <li>洗衣机</li>

                <li>空调</li>

            </ul>

        </div>

        <div class="div2">

            <h3>洗护</h3>

            <ul>

                <li>洗衣液</li>

                <li>消毒液</li>

                <li>柔顺剂</li>

            </ul>

        </div>

        <div class="div3">

            <h3>衣物</h3>

            <ul>

                <li>衬衫</li>

                <li>裤子</li>

                <li>卫衣</li>

            </ul>

        </div>

    </div>

</body>

</html>

正在回答

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

2回答

同学你好,没有什么小问题,只是font-weight的使用文档上,推荐设置整数值,因此我们就尽量按照它的文档要求来使用,这样更规范些。

祝学习愉快!

  • 丹叔 提问者 #1
    好的。谢谢老师
    2020-10-21 18:15:15
好帮手慕久久 2020-10-21 11:11:13

同学你好,效果正确,代码也很简洁,只是有个属性设置的不太合理,如下:

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

祝学习愉快!

  • 提问者 丹叔 #1
    没有设置成整数的话,是有什么小问题吗
    2020-10-21 11:17:30
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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