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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
  • float将垂直菜单转变成水平菜单.
    查看全部
    0 采集 收起 来源:练习题

    2016-12-11

  • margin-top:-10px;能往反方向移动,即向上移动10像素。margin-bottom:10px只是设置下边距,不会往相反方向移动。
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-09

  • 背景图片沿y轴向上移动30px(水平方向不动) background-position:0 30px;
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-09

  • 水平导航制作:去掉ul原点-list-style:none;垂直导航变成水平导航:float:left;对齐:text-align:center。
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-09

  • <a>标签变成块元素:display;block; text-decoration:none;a标签消除下划线 a:hover 当鼠标位于超链接之上时 文字缩进:text-indent:20px;
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 鼠标滑过特效:a:hover{background-color:#F30;color:#fff}
    查看全部
  • 水平方向伸缩的菜单待学习,另外第五六章的练习也没有做,待研究
    查看全部
    0 采集 收起 来源:编程挑战

    2016-12-09

  • margin-top:-10px;能往反方向移动,即向上移动10像素。margin-bottom:10px只是设置下边距,不会往相反方向移动。-号的作用基本就是往相反的方向移动。 通常人们很少使用负margin但随后你会了解到,它能做很多东西,下面是几条有关负margin需要注意的地方: 负margin是W3C认准的CSS是绝对标准的。W3C甚至标注过:对于margin属性来说,负值是被允许的。 负maring不是一种hack,不能因为缺乏对负marign的理解,就认为它是一种hack方法。除非你是用来修复自己在其他地方造成的错误。 不脱离文档流不使用float的话,负margin元素是不会破坏页面的文档流。所以如果你使用负margin上移一个元素,所有跟随的元素都会被上移。 完全兼容所有现代浏览器都完全支持负margin(IE6在大多数情况下也支持)。 浮动会影响负margin的使用。
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-08

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

    2018-03-22

  • 内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。 inline-block 元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。 内联元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
    查看全部
  • h5
    22222
    查看全部
  • 基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}
    查看全部
  • 伸缩菜单:改变高度 文字竖直居中:line-height:40px 向上移动像素:margin-top:-10px
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-07

  • 背景图片沿y轴向上移动30px(水平方向不动) background-position:0 30px;
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-07

  • 水平导航制作:去掉ul原点-list-style:none;垂直导航变成水平导航:float:left;对齐:text-align:center。
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-07

举报

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

微信扫码,参与3人拼团

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

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