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

商城分类导航效果

zongran Web前端工程师
难度初级
时长 1小时18分
学习人数
综合评分9.70
422人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 导航结构
    查看全部
  • 门户类网站导航特点
    查看全部
    0 采集 收起 来源:课程介绍

    2016-06-06

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

    2018-03-22

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

    2018-03-22

  • 原来以为position:relative;仅仅是用来 为positive:absolute提供定位基础的,此处了解到 还可以以其拥有定位效果。但是依然存在标准文档流的特性使他做出其他的特效!
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-03

  • CSS中的hover选择器 在IE6中可能会失效。为了兼容IE6可以在body选择器中添加如下代码: behavior:url(css/csshover.htc); csshover.htc文件可以在网上下载
    查看全部
    0 采集 收起 来源:悬浮层制作

    2016-06-03

  • <script type="text/javascript"> window.onload = function () { //获取所有的Li标签集 var lis = document.getElementsByTagName("li"); //循环遍历所有的标签使其在鼠标移到及移出执行相应的命令 for(i=0;i<lis.length;i++){ lis[i].onmouseover = function(){ this.className = "lihover"; } lis[i].onmouseout = function(){ this.className = ""; } } } </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 中间竟然写错了length
    查看全部
    0 采集 收起 来源:编程练习

    2016-05-29

  • 设置只有左边框线
    查看全部
    0 采集 收起 来源:编程练习

    2016-05-29

  • z-index
    查看全部
    0 采集 收起 来源:编程练习

    2016-05-29

  • li:hover{background-image:none}鼠标移动到列表上没有背景图
    查看全部
    0 采集 收起 来源:编程练习

    2016-05-29

  • 用于作二级菜单
    查看全部
    0 采集 收起 来源:悬浮层制作

    2016-05-28

  • div层调整zindex属性无效原因分析及解决方法 (2014-01-08 14:17:14)转载▼ 标签: it 在做的过程中,发现了一个很简单却又很多人应该碰到的问题,设置Z-INDEX属性无效。在CSS中,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的position属性要是relative,absolute或是fixed。 1.第一种情况(z-index无论设置多高都不起作用情况): 这种情况发生的条件有三个: 1、父标签 position属性为relative; 2、问题标签无position属性(不包括static); 3、问题标签含有浮动(float)属性。 eg:z-index层级不起作用,浮动会让z-index失效,代码如下: 1 <</code>DIV > 2 <</code>IMG src="http://www.yuanchuang.net/uploads/allimg/131101/1A5494I0-0.jpg"> 3 </</code>DIV> 解决办法有三个(任一即可): 1、position:relative改为position:absolute; 2、浮动元素添加position属性(如relative,absolute等); 3、去除浮动。
    查看全部
    4 采集 收起 来源:编程练习

    2018-03-22

  • 动态展示层
    查看全部

举报

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

微信扫码,参与3人拼团

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

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