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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
  • 视频中提到关键是在设置a的属性,如果把a删除了,只设置li,有什么区别呢?
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-21

  • text-indent首行文本缩进,可以使用负值,文字移动到左边
    查看全部
  • 导航条菜单制作总结 1、用无序列表构建菜单;ul/li 2、垂直菜单转变为水平菜单:float:left; 3、在制作圆角菜单时,背景图片贴在<a>标签上; -------> 雪碧图的应用--- background-position 4、在制作改变高度的伸缩菜单时,实现高度向上延伸的技巧: ----> margin-top用负值; 5、用JS制作水平伸缩菜单时,“this”代表当前的<a>标签。
    查看全部
    0 采集 收起 来源:总结

    2018-03-22

  • 为什么不能用margin-bottom:10px;? [最新回答] 流云行者 流云行者: 其实li之前已经设置过margin-top:20px,所以它的外边距就是对已经固定的父级元素扩展了20px,就是说现在它的所有改变的行为都以此为根据了,如果你把li元素高度变大20px,那么li元素会向下生长而不会说把这20px给挤没了,所以就会挣脱ul的底边界插出去。而margin-top:-10px是a标签的行为,后面你懂的...
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-20

  • 改变a标签的高度height:40px,这样是向下增加的,设置margin-top为负值,向反方向移动margin-top:-10px,但文字也向上移动国,可设置a标签line-height:40px
    查看全部
  • alt c a alt c p 可以用border-radius 顺时针 从左上角开始
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-20

  • 菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。 background-position:x y x等于平行轴 y等于竖行轴。 background-position{左上角:0 0 右下角:100% 100%}仅规定一个值,另一个是值将默认50%。
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 通过设置float中的属性可以将垂直菜单转变成水平菜单
    查看全部
    0 采集 收起 来源:练习题

    2016-12-20

  • 如果字体居中使用的是缩进属性:text-indent, 那么只需要把text-indent删除换成text-align:center(居中) 水平菜单的制作 结构与垂直菜单一致(ul&li) li float:left; + 去掉ul的宽度限制
    查看全部
  • 1.圆角菜单的制作,通过设置背景,改变外观样式。 通过a:hover,可以为菜单增加交互效果。 2.横向菜单与圆角菜单的却别是:为ul增加一个 装饰线 border-bottom、为a标签添加圆角背景,宽与高相适应、有一个默认的选中状态,所以要为a标签加上一个class"on" 在为它的样式添加上一个on,最后一动它的位置(y,x) .on,a:hover{ color:#fff; background-position:0 -30px;} 课程中使用的是雪碧图的方式来实现圆角按钮效果,已经过时,因为需要浏览器加载额外的图片,消耗流量,且代码及逻辑过于复杂。 建议使用border-radius来实现圆角菜单的效果
    查看全部
  • 一般都使用 “ul\li” 来制作“菜单导航条”,也就是无序列表。
    查看全部
    0 采集 收起 来源:练习题

    2016-12-20

  • 1〉居中使用text-indent:20px;也可以用text-align:center;2〉a里面的width应该不用设,因为ul已经设了宽度,不设的话,是100%继承你类宽度;3〉首页中的空格应该用“&nbsp;”代替,要多少个空格就打多少个,代码里无论打多少个空格,都只显示一个,应该打字符编码。
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 如果要给水平菜单增加整体背景,需要对width和height进行css设置。 菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对 <ul>进行整体背景设置,首先要给<ul>定义宽、高。
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • display:block; /**将a标签定义为行内块**/ text-indent:20px; /**文本缩进**/
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-20

  • display:block 把a变成块级元素后就可以设置a:hover鼠标悬浮后的背景颜色修改,提升菜单体验
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-18

举报

0/150
提交
取消
课程须知
1.熟悉html知识,尤其对<ul>和<a>比较熟悉; 2.对css样式比较了解; 3.掌握JavaScript和jQuery基础知识。
老师告诉你能学到什么?
轻松制作出各种形式的网站导航条菜单

微信扫码,参与3人拼团

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

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