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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
基本的样式清除: *{margin:0;padding:0}

无序列表圆点去除: ul{list-style:none}

下划线去除: a{text-decoration:none}

文本缩进标签 text-indent 不会影响总体宽度(padding会)

需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block}

hover格式 a:hover{}
margin-top:-10px,鼠标经过时,上边距向上溢出10个像素,这样通过40个像素来填满正好。
各位这个视频是在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一行写完 看得好难受

已采纳回答 / 慕姐3076885
line-height你可以理解为行间距!

最新回答 / 夏洛克的网
display:block是设置为块级元素,inline-block才是行内块
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消