为什么一开始全局设置内边距外边距0,ul还是下移?ul写了padding0 20px,为什么没有上移

为什么一开始全局设置内边距外边距0,ul还是下移?ul写了padding0 20px,为什么没有上移

<!DOCTYPE html>

<html>

<head>

<title>heikuang</title>

<style type="text/css">

.*{

padding: 0;

margin: 0;

}

.out{

width: 800px;

height: 100px;

background-color: black;

border: 2px dashed red;

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

margin: auto auto;

}

.logo{

float: left;

}

ul{

float: right;

list-style: none;

font-family: "微软雅黑";

font-size: 20px;

/*color: white;*/

padding: 0 20px;

}

li{

float: left;

margin-right: 20px;

line-height: 100px;

}

a{

color: white;

text-decoration: none;

}

a:hover li{

color: yellow;

}

</style>

</head>

<body>

<div class="out">

<div class="logo"><a href=""><img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png"></a></div>

<div>

<ul>

<li><a href="">帮助</a></li>

<li><a href="">联系我们</a></li>

<li><a href="">资料</a></li>

<li><a href="">客服电话</a></li>

</ul>

</div>

</div>

</body>

</html>


正在回答 回答被采纳积分+1

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

2回答
山河远阔ZZ 2019-02-18 16:03:17

同学你好,应该是当鼠标移动到li标签的时候,让a标签的字体颜色发生变化,结构应该是父子结构,li是a标签的父亲,所以代码修改如下:

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

山河远阔ZZ 2019-02-18 15:21:35

同学你好,

1、使用*来设置样式,前面不能有".",参考下图:

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

2、padding:0 20px;如果padding后面接两个值,那么第一个值代表上下,第二个值代表左右。

所以padding:0 20px;改变的ul的左右内边距,如下:http://img1.sycdn.imooc.com//climg/5c6a5caf0001544905210239.jpg

自己测试一下哦,如果帮助到了你,欢迎采纳。

祝学习愉快!

  • 提问者 王一宏 #1
    好的老师,我看出来了。 那个a悬浮,为什么不显示呢?之前看老师讲课,当a悬浮在某标签上a:hover li 现在不显示
    2019-02-18 15:58:28
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

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