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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
css里的一个transition直接解决
很赞的教学方式,直接明了,老师有联系方式么,带小白飞
直接文字居中不就行了
定义公共样式*{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
这样设置可以让当设置padding值的时候,不会增加盒子的大小;那串样式意思为,border和padding计算入width/height之内,width/height包含了盒子的border,padding,内容的width/height的大小。当然这是css3样式,IE7读不到【滑稽】

最赞回答 / liudi_nba
http://www.cnblogs.com/yuteng/articles/1894578.html 看下这里吧 ,讲的蛮详细的
背景图片两张合成一张确实有炫技之嫌(做成两张不是方便我们理解吗?)
而且视频技术落后了,现在用border radius就能解决了
w3c
http://www.w3school.com.cn/cssref/pr_border-radius.asp
看来没javascript基础挑战失败!要去看javascript基础!Let go~~
一脸懵逼!看来抄完再出去学javascript了
没javascript的童鞋们,用这个方法吧
width: 140px;
margin-top: -10px;
line-height: 40px;
语法一脸懵逼!虽然有点C语言基础看到这教程思路能看懂!
文本居中推荐使用text-align:center
虽然感觉这个js事件做伪类hover能做的事完全没有必要,还不能平稳退化;css更适合,但能加深对原生js的理解也是不错的!!!1

最新回答 / Hello_see_you
因为 a:hover 指的是当光标指到链接上面的样式,a还有另外三种设置:  a:link    a:visited   a:active;  他们的用法可以去百度下
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消