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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
如果用padding的话会增加a的内部高度,我觉得还是老师的方法更合适些

最赞回答 / 慕粉2035072466
因为图片的height是60px,橙色部分和灰色部分各占30px。以图片左上角的点为原点,鼠标未放上面时显示为灰色,鼠标在上面时候图片上移30px或者下移30px都是橙色部分啊。

已采纳回答 / 米西米西
是不是你写的缩进像素正好是跟居中像素差不多  看的不明显  你可以多试试几个值  text-indent 属性规定文本块中首行文本的缩进。text-align:center;居中

最新回答 / 做一枚萌萌哒的程序媛
不一样的,用{padding-left:20px}的话,菜单的总宽度就会增加20px,需要将总宽度设置小20px才可以;用{text-indent:20px;}的话,菜单的总宽度不会受影响。

已采纳回答 / 荔枝3668348
格式化页面*表示所有元素因为某些元素如 body、 li、 p 这是有默认的margin值,这样就不方便我们精确控制,所以我们干脆就先把所有元素的margin、padding先设置为0,以后根据需要再单独设置某一项的margin和padding数值 。如果你一开始不这样设置也可以,那就是在需要的地方加上就是了比如<p style="margin-top:0px"></p><...code...>
水平伸缩这一节看不懂了,一点看不懂啊
虽然是知道怎么做了才来的,不过这里讲js实现真的不合适!

已采纳回答 / Earlcounrl
就是说在当前的宽度加上16个像素的宽度 sum=sum+16
aLi[i].onmouseover=function(){
this.getElementsByTagName(&#039;ul&#039;)[0].style.overflow = &quot;inherit&quot;;
}
aLi[i].onmouseout=function(){
this.getElementsByTagName(&#039;ul&#039;)[0].style.overflow = &quot;hidden&quot;;
}

最新回答 / qq_F_26
getElementsByTagName 返回的是一个数组 【0】 表示取返回数组里面的第一个元素

已采纳回答 / 装完B就跑_真刺激
当把宽度设置为100的时候,li的宽度也是100,而ul是容器,所以一行只能容下一行,当把ul设置更宽的时候,才可以容纳更多,当不设置宽度的时候,ul是块级元素,跟从父类,也就是浏览器,独占一行. (你给ul设置个背景颜色 就会很清楚了)
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消