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

信息排列效果

难度初级
时长30分
学习人数
综合评分9.63
161人评价 查看评价
9.7 内容实用
9.6 简洁易懂
9.6 逻辑清晰
  • 使用 css 对图片进行定位,根据top、left 调整显示的范围
    查看全部
  • 使用table的弊端
    查看全部
    0 采集 收起 来源:效果简介

    2015-04-17

  • 信息排列效果 多行多列
    查看全部
    0 采集 收起 来源:效果简介

    2015-04-17

  • 添加页面加载完成时的事件,然后执行以下代码 window.onload = function(){}
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-15

  • 实现点击图片按钮完成卡片模式与列表模式的切换: 1、设计好各个效果的样式; 2、加载函数; 3、获取操作按钮; 4、针对按钮操作设计函数事件; 5、两种样式叠加在一起时,最后编辑的样式将被采用。所谓就近原则是指网页代码的执行是自上而下地顺序进行的,设计在最后的样式将覆盖前面的样式。
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-10

  • 1、列表模式和卡片模式的区别: ① 两个按钮的class值的区别 ② 每个li里图片路径的区别 ③ 以及图片的父节点a标签里的class值的区别 2、实现列表模式和卡片模式切换的原理: 通过右上角图片按钮的点击事件改变上面三个区别的值,就能实现类似于两个页面的切换效果了 3、JS步骤: 当单击图片按钮时, ① 改变按钮的class的值 ② 改变每一个图片的路径以及它的对应的父节点的class的值 4、一些重要的写法: ① oBtn.className=""; ② aImg[i].src="./images/small.jpg"; ③ aImg[i].parentNode.className="a-img small";//这里边有两个class:a-img和small
    查看全部
  • 1、这里给的注释方法//是错误了,所以导致页面显示不正确, 比如li设了overflow:hidden;图片溢出部分也没被裁切 2、解决方法:将注释方法//换成/**/就可以了 ◆小结:在CSS中注释要用多行注释/**/,而用单行注释//是错误的
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-09

  • 这里将列表模式和卡片模式分别放在各自的html页面中(包括布局和CSS样式)
    查看全部
  • 1、overflow:hidden;有两个重要的作用:①把多余的部分裁减掉 ②清除浮动 2、图片的大小超过了a标签的范围: <a>标签为内联元素,所以给其设定宽高是达不到效果的,必须将其设置为块级元素。同时给其设定宽高后,其内部的大图片也会溢出,可以用overflow属性隐藏溢出部分。 3、li设置浮动后,不会把父级标签ul撑起来,需要清除浮动--overflow:hidden;(给ul加overflow:hidden;) 4、父元素受到子元素float影响的话,只能用overflow:hidden;清除影响。用clear:both没用。
    查看全部
  • ■右上角按钮图片的定位: 背景图片设置的代码顺序:background:颜色 路径 是否平铺 left top (透明度,如果有的话); 注:①left top的定位是以图片左上角为原点 ②可以用PS测距离大小:看信息面板里的W和H值 ③如果上面直接写left top 就相当于background-position:0 0;
    查看全部
  • 多行多列布局 1、实现方式:html(div、ul、li )+css(float,overflow,background)。 2、不用table布局,原因是: ①不利于后期维护 ②不利于SEO(搜索引擎优化,因为百度的蜘蛛非常不喜欢table)。
    查看全部
    0 采集 收起 来源:效果简介

    2015-04-09

  • overflow:hidden重要的两个作用:把多余的部分裁减掉/清除浮动 图片的大小超过了a标签的范围: <a>标签为内联元素,所以给其设定宽高是达不到效果的,必须将其设置为块级元素。同时给其设定宽高后,其内部的大图片也会溢出,可以用overflow属性隐藏溢出部分。
    查看全部
  • 我去!css中的//去掉就对了!!!!!!!
    查看全部
    0 采集 收起 来源:编程练习

    2015-04-08

  • Css这块是个坑啊 哭
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-30

  • 测试通过
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-30

举报

0/150
提交
取消
课程须知
您至少具备HTML/CSS、JavaScript基础知识
老师告诉你能学到什么?
1.学会运用HTML/CSS图文排列布局。2.学会合并图的使用。3.学会运用JS改变元素样式等

微信扫码,参与3人拼团

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

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