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

导航条菜单的制作

江老实 Web前端工程师
难度初级
时长23分
学习人数
综合评分9.53
1004人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.4 逻辑清晰
  • 通常用 html 中的无序列表标签来构建导航条菜单
    查看全部
    0 采集 收起 来源:练习题

    2016-07-10

  • 有序列表一般在有顺序情况下使用,如“最热下载”列表
    查看全部
    0 采集 收起 来源:练习题

    2016-07-10

  • background-position的什么意思 background-position是设置背景位置,第一个参数:水平位置(左右)为0是不变化;第二个参数:设置垂直方向 (上下),-30px是向下移动30px。为什么减30px呢?因为这个按钮图片本身是120px*60px,总高度为60px;且已经在a样式里面设置为height: 30px;显示白色背景圆角。所以background-position:0 -30px;就是当你放在按钮时候高度下降30px,就有白色背景变为橙色背景效果。
    查看全部
  • 图片是灰色和橙色两部分,为啥只显示一半 背景图片不设置相关显示格式时,图片大小会依照当前内容(width:20;height:30px)的大小 对比自身(width:30px;height:50px)来显示只会显示图片左上角将近一半的面积;如果当前内容(width:60;height:50px)图片就是会显示两张;
    查看全部
  • 1.鼠标滑过时将背景图片向下移动30px: a:hover{background-position:0 -30px;} 2.
    查看全部
  • 改变高度,margin设为负值即可向反方向移动
    查看全部
    0 采集 收起 来源:编程练习

    2016-07-09

  • 背景图沿Y轴向上移动30px
    查看全部
    0 采集 收起 来源:编程练习

    2016-07-09

  • 基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}
    查看全部
  • 行内块状元素和行内元素的唯一区别是行内元素不能设置height和width,而它可以,其它方面它俩是一样的,因为行内元素之间是有空格的,所以行内块状元素也有。
    查看全部
  • 菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • http://www.imooc.com/code/1737#editor-tabs-html
    查看全部
    0 采集 收起 来源:编程挑战

    2016-07-08

  • 制作水平菜单与垂直菜单一样,只需将li进行float:left的浮动设置 文字居中:text-align:center
    查看全部
  • a标签转成行内块级元素: display:block; 行内文字缩进:text-indent:?px;
    查看全部
    0 采集 收起 来源:编程练习

    2016-07-08

  • 基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}
    查看全部
  • text-indent:文本缩进
    查看全部

举报

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

微信扫码,参与3人拼团

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

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