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

信息排列效果

难度初级
时长30分
学习人数
综合评分9.63
161人评价 查看评价
9.7 内容实用
9.6 简洁易懂
9.6 逻辑清晰
  • 多行多列排列形式 table 不利于后期维护 不利用SEO 使用div ul
    查看全部
    0 采集 收起 来源:效果简介

    2015-04-05

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

    2015-03-18

  • @--信息排列效果--2-2 信息卡片模式布局 注意要点--overflow:hidden重要的两个作用:把多余的部分裁减掉/清除浮动 1.图片的大小超过了a标签的范围: <a>标签为内联元素,所以给其设定宽高是达不到效果的,必须将其设置为块级元素。同时给其设定宽高后,其内部的大图片也会溢出,可以用overflow属性隐藏溢出部分。 2.li设置浮动后,不会把父级标签ul撑起来,需要清除浮动--overflow:hidden;(给ul加overflow:hidden;)
    查看全部
  • 信息排列效果 多行多列的排列效果~ table布局缺点---不利于后期维护和SEO(搜索引擎优化)
    查看全部
    0 采集 收起 来源:效果简介

    2015-03-18

  • 列表卡片
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-17

  • 运用JavaScript事件操作DOM元素,实现点击不同的按钮改变自身的样式以及操作其他网页元素的样式。
    查看全部
    0 采集 收起 来源:编程练习

    2015-03-17

  • 图片的大小超过了a标签的范围: <a>标签为内联元素,所以给其设定宽高是达不到效果的,必须将其设置为块级元素。同时给其设定宽高后,其内部的大图片也会溢出,可以用overflow属性隐藏溢出部分。 li设置浮动后,不会把父级标签ul撑起来,需要清除浮动--overflow:hidden;(给ul加overflow:hidden;)
    查看全部
  • table不利于后期维护和SEO(搜索引擎优化)
    查看全部
    0 采集 收起 来源:效果简介

    2015-03-17

  • 111
    查看全部
    0 采集 收起 来源:效果简介

    2015-03-16

  • list-style:none;//清除序列样式(如:实心点) display:block;//作为块元素 overflow:hidden;//清除浮动 text-align:center;//文字居中 text-decoration:none;//清楚文字修饰(如:下划线) overflow:hidden//把多余的部分裁减掉/清除浮动
    查看全部
  • 按钮设置<a href="#" title="列表模式"></a>;a是内联元素,设置display:block display的常见作用: 1.让元素从none到可见 2.块元素和内联元素的相互转换(主要体现在换行上) #a1{background:#fff url(file:///F|/web/images/1.jpg) no-repeat -10px -10px;}对背景图进行对应显示。
    查看全部
  • 信息排列效果 多行多列,实现方式:html(div、ul、li )+css(float,overflow,background)。不用table, table不利于维护及SEO(搜索引擎优化)
    查看全部
    0 采集 收起 来源:效果简介

    2015-03-15

  • list-style:none;//清楚序列样式(如:实心点) display:block;//作为块元素 overflow:hidden;//清楚浮动 text-align:center;//文字居中 text-decoration:none;//清楚文字修饰(如:下划线)
    查看全部
  • a是内联元素,设置display:block display的常见作用: 1.让元素从none到可见 2.块元素和内联元素的相互转换(主要体现在换行上)
    查看全部

举报

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

微信扫码,参与3人拼团

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

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