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

信息排列效果

难度初级
时长30分
学习人数
综合评分9.63
161人评价 查看评价
9.7 内容实用
9.6 简洁易懂
9.6 逻辑清晰
  • 信息排列效果1 最终版
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-22

  • 同一个元素可以指定多个class,他们之间同级,只是在CSS文件中,后出现的样式会覆盖前面的样式
    查看全部
  • 信息排列效果 简图
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-22

  • 信息排列效果 overflow能清除浮动
    查看全部
  • 信息排列效果 一般不用table:不利于后期维护;不利于SEO
    查看全部
    0 采集 收起 来源:效果简介

    2015-07-22

  • css sprite技术 基本的原理,就是利用background-postion的负值来进行调节。 当我们定位于background-position:-50px -50px;时发现图片向左上,移动了,也就以DIV的左上角为中心,图向左移动了50PX,向右也移动了50PX. ■右上角按钮图片的定位: 背景图片设置的代码顺序:background:颜色 路径 是否平铺 left top (透明度,如果有的话); 注:①left top的定位是以图片左上角为原点 ②可以用PS测距离大小:看信息面板里的W和H值 ③如果上面直接写left top 就相当于background-position:0 0; 按钮设置<a href="#" title="列表模式"></a>;a是内联元素,设置display:block
    查看全部
  • 运用JavaScript事件操作DOM元素,实现点击不同的按钮改变自身的样式以及操作其他网页元素的样式
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-18

  • html(div标签、ul、li 无序列表)+css属性(float,overflow,background)。 原因 使用tablee的弊端: 1. 不利于后期维护,容易产生表格套表格情况,后期调试很麻烦;(如增删改) 2. 不利于SEO(搜索引擎优化)
    查看全部
    0 采集 收起 来源:效果简介

    2015-07-08

  • 1、列表模式和卡片模式的区别: ① 两个按钮的class值的区别 ② 每个li里图片路径的区别 ③ 以及图片的父节点a标签里的class值的区别
    查看全部
  • 信息排列效果--2-2 信息卡片模式布局 注意要点--overflow:hidden重要的两个作用:把多余的部分裁减掉/清除浮动 1.图片的大小超过了a标签的范围: <a>标签为内联元素,所以给其设定宽高是达不到效果的,必须将其设置为块级元素。同时给其设定宽高后,其内部的大图片也会溢出,可以用overflow属性隐藏溢出部分。 2.li设置浮动后,不会把父级标签ul撑起来,需要清除浮动--overflow:hidden;(给ul加overflow:hidden;)
    查看全部
  • css sprite技术 基本的原理,就是利用background-postion的负值来进行调节。 当我们定位于background-position:-50px -50px;时发现图片向左上,移动了,也就以DIV的左上角为中心,图向左移动了50PX,向右也移动了50PX. ■右上角按钮图片的定位: 背景图片设置的代码顺序:background:颜色 路径 是否平铺 left top (透明度,如果有的话); 注:①left top的定位是以图片左上角为原点 ②可以用PS测距离大小:看信息面板里的W和H值 ③如果上面直接写left top 就相当于background-position:0 0; 按钮设置<a href="#" title="列表模式"></a>;a是内联元素,设置display:block
    查看全部
  • js 实现
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-28

  • 这是用jq实现的
    查看全部
    1 采集 收起 来源:编程练习

    2015-06-28

  • 这是用js实现
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-28

  • 注意table标签 也可以制作列表 但是 不利于seo 百度是不喜欢的 html(div标签、ul、li 无序列表)+css属性(float,overflow,background)。 原因 使用tablee的弊端: 1. 不利于后期维护,容易产生表格套表格情况,后期调试很麻烦;(如增删改) 2. 不利于SEO(搜索引擎优化)
    查看全部
    0 采集 收起 来源:效果简介

    2015-06-26

举报

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

微信扫码,参与3人拼团

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

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