这里p的margin怎么清除不掉

这里p的margin怎么清除不掉

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

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

<title>前端课程排列</title>

<style type="text/css">

body{margin: 0;

padding: 0}


.container{

width: 300px;

height: auto;

background: #efefef;

margin: 0 auto;

/*padding:0 30px;*/

}

.title{

background: #112233;

color:#cceeff;

/*padding-bottom: 80px;*/

padding-top: 80px;

text-align: center;

font:700 25px "Microsoft Yahei";

height: 105px;

}

.li{

height: 50px;

margin: 0 30px;

border-bottom: 1px dotted #768977;


p{

margin: 0 0;

}


}

.li:last-child{border-bottom: none;}


</style>

</head>

<body>

<div class="container">

<div class="title">

前端课程排列

</div>


<div class="li">

<p>HTML CSS基础课程</p>

<span>8392479人在学</span>

</div>

<div class="li">

<p>HTML CSS基础课程</p>

<span>8392479人在学</span>

</div>

<div class="li">

<p>HTML CSS基础课程</p>

<span>8392479人在学</span>

</div>

</div>

</body>

</html>


正在回答

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

2回答

同学你好,开头的代码只是给body标签清除的间距啊body{margin: 0;padding: 0}。并不是给所有标签清除,如果想要开头设置生效的话,可以将body改为*(通配符),所有标签都会生效。

祝学习愉快!

好帮手慕星星 2020-02-25 11:00:14

同学你好,从图片中可以看到p标签样式写在了li样式中

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

样式进行了嵌套,所以没有效果。分离出来就好了

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

自己再测试下。如果我的回答帮到了你,欢迎采纳,祝学习愉快~

  • 妈呀。。。瞎子果然是学不好编程了。。。 那开头写的不管用是么 body{margin: 0; padding: 0}
    2020-02-25 11:28:09
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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