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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
鼓掌鼓掌,都很棒
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。
懵逼了--没看懂啊
666666666666666666666666666666666666666

已采纳回答 / Jeremy_Li
首先我明白你的意思,你陷入了盒子模型的宽高与margin  padding border的关系中。1.一旦你设置了内容的宽和高,那么加入padding是会改变盒子的大小,不会改变内容的宽高 2.如果你没有设置内容的宽高,那么你加入padding值就会改变内容的宽高,比如一段文字在这种情况下是会受到影响的。再来问题的补充,是的,还有border默认也是0,当你修改的时候,就有了。你可以想象成快递包裹,保护商品(内容)的是泡沫(内填充padding,要用多少当然视实际情况来定),再来一个盒子(边框)封装起来,...

最新回答 / xh向日葵4282116
给a命名on,后面调样式,直接在on上面设置就可以。
我感觉把代码能删了又不改动表现形式的都是删的漂亮
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。
.{margin:0; padding:0;} 全局基本样式清除
display:block 转换为块级标签
display:inline 转换为内联标签
display:inline-block 转换为内联块级标签
list-style:none 清楚ul或ol列表中li标签前面的项目符号
text-decoration:none 清除下划线
text-decoration:line-through 添加删除线
text-indent:2em 设置文本缩进为字号的2倍
a:hover{} 定义鼠标滑过时的链接颜色
其实 不用JS 和JQ 也可以实现 二级菜单

最赞回答 / qq_空之岚_0
我找到错误了<!--dispay将a标签变成块元素-->应该是/*dispay将a标签变成块元素*/

已采纳回答 / qq_A米豆腐_0
var aA=document.getElementsByTagName('a'); for(var i=0; i<aA.length; i++){ aA[i].onmouseover=function(){ var This=this; clearInterval(This.time); This.time=setInterval(function(){ This.style.width=This.offsetWidth+8+"px"; if(This.offsetW...
贴图是啥hhhhhhhhhhhh
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消