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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • <dl> <dt> title </dt> <dd> </dd> </dl> dl: definition list 定义列表 dt: definition title 定义列表标题 dd: definition data 定义列表数据
    查看全部
    0 采集 收起 来源:悬浮层制作

    2018-03-22

  • IE6 兼容 其他组建 :hover 属性 body{ behavior:url(css/csshover.htc); } 在ie6 下只有a 才支持:hover 伪类,其它标签都不支持,现在可以通过 csshover.htc 可以解决 ie6 的 hover 兼容问题。 它利用 javascript 脚本来给元素的的样式定义,如果检测到 hover 定义,就给元素设置 onmouseover 和 onmouseout 事件,以此来实现 hover 的效果。 将a标签设置为block显示,在设置边框来实现分割线效果"" dt的高度应该大于dd,否则上下层""会连一块 在dt中设置对齐模式将能够与不在同一个dl下(但互为兄弟节点)的dt对齐
    查看全部
    0 采集 收起 来源:悬浮层制作

    2018-03-22

  • 在li的hover上来做定义,.topmenu下面的li,鼠标移动到上面的时候,改变submenu的样式 .topmenu li:hover .submenu{ display: block; }
    查看全部
    0 采集 收起 来源:鼠标浮动效果

    2016-09-18

  • elative的有两个属性①是以自身为参照基准进行定位,也就是相对于<自身原有位置>进行偏移 。并不是相对于其他元素进行定位,这个要理解好。②一旦设置了relative,那么随即就会产生z-index属性,就是空间层堆叠,由于二级菜单的包裹层的z-index默认是小于10的,那么span标签设置了z-index:10 那么就是从顶层往下面遮盖住了二级菜单border。就是这个原理,理解清楚relative的两个属性是关键!
    查看全部
    0 采集 收起 来源:鼠标浮动效果

    2018-03-22

  • 1.QQ取色:qq截图时按着ctrl就可以得到16进制颜色值 2.兼容性问题: Firefox: -moz- Chrome、Safari: -webkit- Opera: -o- IE: -ms- 3.box-shadow: h-shadow(水平阴影的位置,必需) v-shadow(垂直阴影的位置,必需) blur(模糊距离,可选) spread(阴影的尺寸,可选) color(阴影的颜色,可选) inset(将外部阴影 (outset) 改为内部阴影,可选);
    查看全部
    0 采集 收起 来源:鼠标浮动效果

    2016-09-18

  • nline-block的元素特点:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。(准确地说,应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度地块元素的属性)<br> !!思考下,为什么要inline-block而不是block
    查看全部
    0 采集 收起 来源:鼠标浮动效果

    2018-03-22

  • 1.背景图片引用 background-image:url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg); 2.取消背景图片的默认重复行为 background-repeat:no-repeat; 3.背景图片右对齐 background-position:right; 4.设置背景图片颜色以符合要求 background-color:#FAFAFA; 5.背景图片为空 background-image:none;
    查看全部
    0 采集 收起 来源:编程练习

    2016-09-18

  • 用QQ截图,按完crtl+alt+1之后,只按ctrl就可以看到16进制
    查看全部
  • PX:像素Pixels PT:点Points pt是绝对长度单位 px是相对长度单位
    查看全部
  • 用a标签对搜索引擎不友好
    查看全部
  • 商城类网站导航菜单制作 门户类网站特点:导航在上方平铺展示,一般没有二级菜单 商城类网站特点:采取竖向列表,横向伸缩的导航形式,把数量巨大的类别集中在很小的区域
    查看全部
    0 采集 收起 来源:课程介绍

    2016-09-18

  • 老师说:之前的课程里提到使用QQ取色得到的是10进制值,需要用科学型计算器进行计算才得到16进制。其实不用这么麻烦,只要在使用QQ取颜色时按住ctrl,就可以直接看到16进制的值。
    查看全部
    0 采集 收起 来源:编程练习

    2016-09-17

  • 横排列表样式不同
    查看全部
    0 采集 收起 来源:悬浮层制作

    2016-09-12

  • 横排列表样式不同
    查看全部
    0 采集 收起 来源:悬浮层制作

    2016-09-12

  • 京东 导航
    查看全部
    0 采集 收起 来源:编程练习

    2016-09-09

举报

0/150
提交
取消
课程须知
如果您已经掌握了HTML/CSS、JavaScript的基础知识,但又缺乏实践经验或者对案例有兴趣,那么就开启课程的学习吧!
老师告诉你能学到什么?
让您学会开始编程前如何进行分析,让编写代码变的事半功倍;如何运用JavaScipt和CSS制作导航的两种方法,CSS的兼容性问题及修复方法,让您将掌握的基础知识进行综合应用。

微信扫码,参与3人拼团

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

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