为了账号安全,请及时绑定邮箱和手机立即绑定
  • 1.<hr>设置水平分隔线 2.placeHolder作为input的预先的文本填充 3.text-indent:-9999px;是把该元素内的文字移到屏幕外面去,有时文字已经用背景图片代替了,我们不需要眼睛看见那些文字,但是希望搜索引擎可以搜到,就可以用这个把文字“隐藏”的属性。
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul{ margin: 0; padding: 0; }
    查看全部
    0 采集 收起 来源:编程练习

    2015-12-02

  • CSS display:inline和float:left两者区别 ①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且***float必需应用在块级元素****之上,也就是说浮动并不应用于内联标签。或者可以说*****如果应用了float这个元素将被指定为块级元素*****。 **那么两者的区别显而易见:display:inline元素不能设置宽高,因为它属于行布局,其特性是在一行里进行布局,所以不能被设定宽高。** 简单的说就是float可以设置宽高,然而display:inline;虽然也会浮动,但是他不能设置宽高。
    查看全部
    0 采集 收起 来源:编程练习

    2015-12-02

  • 1常用<i></i>来放小图片 2为给小图片设置background-position属性,需要给<li>定义一个类名<li class="cat-数字"> 3去掉<ul>标签下<li>标签的小黑点,在<style>标签下ul{list-style:none} 4不依赖于浏览器自身所设定的margin、padding,通过对<li>的行高已经margin、padding的设置来展示样式以便在各个浏览器下效果相同:先将display属性设置为block,否则设置行高什么的没用,overflow:hidden可防止元素溢出 (决定浏览器如何处理溢出的步骤: (1) 输入 overflow: 。 (2) 输入 visible ,让元素盒子中的所有内容可见,这是默认项; 或者输入 hidden ,隐藏元素盒子容纳不了的内容; 或者输入 scroll ,无论元素是否需要,都在元素上添加滚动条; 或者输入 auto ,让滚动条仅在访问者访问溢出内容时出现。)
    查看全部
    0 采集 收起 来源:静态页面实现

    2018-03-22

  • 原理:通过css的背景定位属性:background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候,只需要取左上角的坐标进行偏移,例如(-100,0),只需要将background-position:-100,0; 实现原理:控制一个层,可显示的区域范围大小,通过一个窗口,进行背景图的滑动。
    查看全部
  • ul {list-style:none;margin:0px;padding:0px;}可以让整体居中 设置 h3 内容居中 text-align:center;
    查看全部
    0 采集 收起 来源:编程练习

    2015-12-02

  • cssscrpite雪碧图 静态图片,不随用户信息变化而变化。 小图片,容量比较小 加载量比较大。(目的是:有效的减少http请求的数量) 大图不建议拼成雪碧图,加载时间长
    查看全部
  • 雪碧图使用条件
    查看全部
  • <code>just by myself</code>
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 如何制作雪碧图: 1、PS手动生成 2、使用Sprite工具生成,比如CssGaga
    查看全部
  • 雪碧图实现原理: 使用CSS属性 background-position
    查看全部
  • 有几个非常不错的前端开发在线工具,分享给一起学习的小伙伴们,别忘了收藏,很实用。<br> <br> (1)在线代码测试工具:http://www.lvyestudy.com/tools/run_code.aspx;<br> <br> (2)在线调色板:http://www.lvyestudy.com/tools/color_picker.aspx;<br> <br> (3)CSS3圆角生成器:http://www.lvyestudy.com/tools/border_radius.aspx (4)雪碧图下载:http://www.99css.com/1524/
    查看全部
  • 使用雪碧图的目的: 有效减少http请求的数量,加速内容显示
    查看全部
  • 使用雪碧图(CSS Sprite)的场景条件: 1、是静态图片:图片不随用户信息的变化而变化 2、小图片:图片容量比较小,2-3kb每张 3、图片的加载数量比较大 大图不建议拼成雪碧图。
    查看全部
  • 雪碧图
    查看全部

举报

0/150
提交
取消
课程须知
您至少具备HTML/CSS基础知识。
老师告诉你能学到什么?
1.学会CSS Sprite雪碧图制作方法。2.学会CSS Sprite雪碧图的使用方法。

微信扫码,参与3人拼团

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

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