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

    2015-09-15

  • CSS Sprite雪碧图实现方式 1.PS手动拼图:制作多个小图片,拼成一个大图片,用鼠标挪动图片的位置(position)。适用自己的小网站 2.使用spite工具自动生成雪碧图 CSS Sprite自动生成工具-“cssGaga” 生成小图片的坐标,以及对应的css程序,提供background-position的值 下载地址:http://www.99css.com/archives/1524
    查看全部
  • cssGaga
    查看全部
  • 虽然会写 但是很多原理不懂 比如我要是没给最外面div加个边框 就缩了 这是为什么??? 然后两个登陆框和注册是必须按照图片的px来写吗?能拉伸么?对坐标也不太理解,为什么一个坐标就能确定??
    查看全部
    1 采集 收起 来源:编程挑战

    2015-09-12

  • 注意hr的透明度
    查看全部
    0 采集 收起 来源:编程挑战

    2015-09-12

  • 还是在sublime里面写方便 然后复制过来
    查看全部
    0 采集 收起 来源:编程练习

    2015-09-12

  • 雪碧图使用场景
    查看全部
  • cssscrpite雪碧图 静态图片,不随用户信息变化而变化。 小图片,容量比较小 加载量比较大。(目的是:有效的减少http请求的数量) 大图不建议拼成雪碧图,加载时间长
    查看全部
  • daima
    查看全部
    0 采集 收起 来源:编程练习

    2015-09-10

  • 使用chrome打开基本一致
    查看全部
    3 采集 收起 来源:编程挑战

    2015-09-10

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

    2015-09-10

  • text-align: center使文字水平居中 为行内元素li设置display:block,否则设置行高无用, line-height和height配合使文字垂直居中 最后overflow:hidden隐藏文字溢出
    查看全部
    0 采集 收起 来源:编程练习

    2015-09-10

  • line-height:行高 设置文字间上下距离 height:高度 就是定义一个层 或某样东西的高度啦 line-height有继承属性,所以正文部分内容line-height最好设置为为数字1.5,也就是字体高度*1.5的高度, 这样行高会随着字体缩放跟着缩放。 如何设置文字图片行内居中? line-height默认是文字基线对齐的,可以使用vertical-align:middle使其文字图片居中对齐。 (文字分为顶线、中线、基线、底线) 如何更加易读? 行内文字背景颜色#fff,文字颜色#333;文字周围有空白line-height行高1.25-1.5,减少压迫感,正文大小为14px,其它可以为12px。 input button 各个浏览器表现一致。 firefox默认的line-height值默认为normal,需要明确指定。
    查看全部
    0 采集 收起 来源:静态页面实现

    2015-09-10

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

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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