为了账号安全,请及时绑定邮箱和手机立即绑定

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰

已采纳回答 / Dexter_psj
margin 是外边距top-10px;是和上面的元素距离减10像素,你bottom10是把下面的元素推开10个像素;就好像你站在你爸和你妈中间,不能说吧你妈妈推开1米就相当于你靠近你爸一米吧!

已采纳回答 / Dexter_psj
他用的是全角空格,相当于是一个汉字,你说的空格符是英文中的空格,所以要用空格符!

已采纳回答 / whosyourdaddy1994
首先 移动背景图片不能用margin   假如说 你给一个DIV设置了background属性的话 就好比 DIV是一个桌子  background就是桌子上的桌布如果用margin  不是移动了桌布 而是移动了桌子  桌子移动的话 桌布也跟这桌子移动了所以产生的效果就是  容器位置发生改变 背景不变改变图片位置 可以用background:url(123.png) 0 0 n-repeat;上面的两个0 就分别代表了X和Y的位置 你可以把他们改变成10px 和10px 一点点改变着调试 瞬间就知道了  

已采纳回答 / amber4625
因为背景图片高度仅为60px,你把a标签的高度设置为500px后,远远高于背景图片高度了,默认就会重复背景图片直至铺满整个高度,所以就会出现图片个数变很多了

已采纳回答 / 李晓健
不可以去掉,那个是判断你鼠标所在的导航上是不是还有二级导航,如果有就没有问题,如果没有二级导航,你也不加判断,后面的代码就会报错。

已采纳回答 / 到处玩的
因为在ul li{float:left; margin-top:20px;}处设置了margin-top:20px,所以在a.on, a:hover的样式处,减10px。

已采纳回答 / 慕莱坞9220042
你好,空格输几个就显示几个,而且和输入法还有关系,中英文的都不一样的,楼主知道就好了,不用在这上面纠结,望楼主采纳!

已采纳回答 / 浅惜丶
给你的导航div指定最小宽度,最小宽度是导航能保持在一行的最小尺寸。

已采纳回答 / lynhao
line-height: 顾名思义,行高,指代文本中,行与行之间的基线间的距离,如图<...图片...>

已采纳回答 / 迷途的马尔斯
因为ul的高是50px,a的高是30px,你要想你的li贴底的话就必须要margin-top:20px,不然li会相对ul居中

已采纳回答 / 宇宙无敌626
没有代码,猜测是li全部float了,但是ul没有清除浮动,所以ul没有高,可以给ul设置 overflow:hidden, 或者li不要浮动,全部设display:inline-block;提问最好上代码蛤~

已采纳回答 / qq_仓仓_0
仔细看视频,老师在添加图片时可以看到图片的属性宽为60px,他说了图片上半部分颜色是菜单的默认颜色,那就是#ccc,是灰白色。而<a>标签的宽度为30px,所以只显示了图片的上半部分,就是你说的灰色。后面在a:hover里添加了background-position:0 -30px,这里他说错了,是把图片向上移动了30px,而不是向下,鼠标停留时就显示图片下半部分的橙色了。

已采纳回答 / qq_仓仓_0
padding是内边距,打个比方,你用断骨增高把腿骨拉长了2cm,你的总升高也会长高2cm。

已采纳回答 / 一只特立独行的doge
height是指你的这个li标签的整体高度,line-height是指li标签里面的文字等元素的一行所占的高度
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消