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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
各位这个视频是在css3没出现之前制作的,所以用背景图片很正常
这是基础课,给新手打基础的,一个个秀什么css3,你以为就你知道有css3啊
看了这个我决定半个月后回头再战!
都是成年人不要乱说话,想想如果是你做视频看到下边人这么评价你,你心里是什么感受
一句css就把效果实现了
.nav li:hover .subNav{
overflow: visible;
}
对于初学者的我,表示好蓝瘦。。。
清除样式:*{margin:0;padding:0 }
去除ul的圆点:ul{line-style:none}
//设置a为块级元素:display:block 才能设置宽度、高度、hover效果
去除a的下划线:a{text-decoration:none}
a:hover{设置颜色属性}
设置文本缩进但不影响总体宽度:text-indent
哈哈,我这种瞎比学的还是有点用啊,css没看完去看js,js看到进阶一半又去看了jq,现在又回来看到了这
这种css一行写完 看得好难受
.nav li{ display:inline-block;margin-left:10px}
把.nav li a 里的display:block删除就好
把li标签变成行内块状元素,然后再每个li标签设置左边距
css实现并没有过渡动画
宝宝要先学后面,在回抄
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
大家有没有发现:
设置margin-top:-10px;可以看到后面的灰色的导航条跟下面的那个橙色的边框线底部没有对齐。当鼠标划上去的时候那个橙色的部分会把留白的部分盖住;

当设置padding-top:10px的时候,可以看到橙色部分多了10px,也是就是说橙色部分高度要大于灰色的高度。
为什么没有清除浮动呢?没人发现吗。我的电脑没有清除浮动 那个线是在最上面的
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消