老师,帮看一下是否规范。问题在下面描述。
来源: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回答
同学你好,代码实现正确。另外,问题解答如下:
1.可以使用简写形式,如下

2.页面的设计并不是要看代码如何简写,要看实际的效果需求。如果实际效果图需求中,元素的间距并不相等,我们也不能因为简便就把它们改成相等的哦。
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题