老师,帮看一下是否规范。问题在下面描述。

来源:3-19 编程练习

慕婉清2345585

2020-03-24 22:06:17

还有个问题就是例子里面,上下左右间距都不一样就不能用padding缩写对吗,只能写全名称。总是让UI设计的左右间距和上下间距一样是不是也是方便代码写样式。




<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>border属性</title>
    <style type="text/css">
        .container{
          width:200px;
          height:200px;
          background-color:pink;
            /*补充样式*/
          padding-top: 50px ;  padding-left: 100px;
            
        }
        .content{
          width:102px;
          height:100px;
          background-color:purple;
           /*补充样式*/
           padding-top: 30px;padding-left: 30px;padding-right: 30px;
           
        }
span{background-color:yellow;}
    </style>
</head>
<body>
    <div class="container">
      <div class="content">
         <span>
           我是span元素
          </span>
</div>
    </div>
</body>
</html>

写回答

1回答

好帮手慕夭夭

2020-03-25

同学你好,代码实现正确。另外,问题解答如下:

1.可以使用简写形式,如下

http://img.mukewang.com/climg/5e7abcc509d239af04690275.jpg

2.页面的设计并不是要看代码如何简写,要看实际的效果需求。如果实际效果图需求中,元素的间距并不相等,我们也不能因为简便就把它们改成相等的哦。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程