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

导航条菜单的制作

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

已采纳回答 / qq_耐比熊_0
padding是填充,也就是内边距的意思
这么麻烦,直接在hover上把宽度变宽就行了,效果一模一样
尽信师则不如无师。老师不可能全对,也可能时代发展会有更好的方法。我们学生需要的就是尽量吸收学习,举一反三,推陈出新,青出于蓝而胜于蓝。要不社会不是一直倒退?免费教程对大家都是有帮助的。我们要怀着感恩的心学习。
这一节对于没有JS基础实现越来是困难的,建议同学们学了JS进阶后再实验就会觉得很容易。
我在ul上加了text-align: center; 把a里面的不进行文字缩进,里面文字是可以实现居中效果的,但是这个题目并没有考居中这个问题
我建议给ul加一个width:500px;不然当浏览器宽度变化时,会发生掉下来这种情况
学完JS再来还是不会。。。。。。有一样的么。。。。。
评论第四紫金道童的做法根本就是错的,看起来效果是一样的,但是li还是流式布局,感兴趣的同学自己给li加个黑色1px的边框看看就懂了。看懂的赞我给那位同学看到

已采纳回答 / HEternally
虽然你设置了a标签为块状元素,但是你没有设置它的宽度,所以你用margin并不能使它居中,这样就有几种方法解决,第一,你可以设置a标签的宽带;第二,你可以设置display:inline-block;text-align:center;这样也可以实现居中效果;第三,你可以使用float:left;让它浮动,然后设置父元素绝对定位position:absolute;left:50%;子元素left:-50%;这样也可以实现居中效果,好像还有其他方法,这我一下子也想不起来;但是在这里你margin没用就是因为...
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。
高度向下变化也可以可以用个transform:translateY();加上一个transition效果更好
听到JavaScript直接吓退了

已采纳回答 / 东方既白233
一、overflow:hidden不是隐藏的意思,而是定义边框盒子里面的内容要是超出边框,就在自动裁减掉溢出的部分,二、height等于零也不等于隐藏,隐藏是要设置display:none; 不显示,但是他本身还是在文档流的那个位置,还是有占据空间的,那个height等于0就是没有了,效果相当于隐藏,但是不在文档流占据空间位置。
跟着老师写,写的一模一样,为什么出来的效果不一样???
特么好难,我都学了点js还是一脸懵逼不会写
不会哎 一脸懵逼 继续学js jq 回来再搞定这个吧
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消