这样为什么不可以？

能不能用*{margin:0px;padding:0px;}代替div,h3,{margin:0px;padding:0px;}

源自：盒子模型 4-7 编程练习

收起

2回答

好帮手慕星星 2019-11-17 11:29:48

同学你好，问题解答如下：

1、代码中缺少半个闭合标签：

参考修改：

2、同学说的效果不一样指的是看起来在页面上没有居中显示吗？

代码中用了*设置所有标签宽度都是200px，那么页面的宽度是200px，元素的宽度也是200px，再设置居中就看不出来效果。建议将宽度单独设置在元素上，参考：

修改之后移入效果如下：

li列表还存在默认样式，可以设置样式去掉：

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

好帮手慕糖 2019-11-16 18:06:48

同学你好，可以的，通配符适用于所有的标签，这样写的话，就表示去掉了所有标签的内外边距，包裹h3与div的。

同学是这样没实现效果吗？可以详细的描述下，新建问题进行提问，同时粘贴代码，便于准确的定位与解决问题。

祝学习愉快！

提问者慕哥5103152 #1

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>display属性</title> <style type="text/css"> /*样式补充*/ *{margin:0px;padding:0px;width:200px;} .big,h3,ul{text-align:center;background:gray;border:1px solid black;} .big{margin:0 auto;} .elec{display:none;} .div1:hover ul{display:block;} .wash{display:none;} .div2:hover ul{display:block;} .clothes{display:none;} .div3:hover ul{display:block;} ul{background:white;} .big{line-height:40px;} </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> 当我使用这个时显示效果和使用 div,h3,ul{margin:0px;padding:0px;width:200px;}这个效果不同。

2019-11-17 09:14:50