-
CSS Sprite雪碧图运用 1，静态图片，不随用户信息的变化而变化 2，小图片，图片容量比较小 3，加载量比较大 4，大图不建议拼成雪碧图 有效的减少http的请求数量，加速内容显示（每请求一次，就会和服务器连接一次，建立连接是需要额外的时间开销的）查看全部
-
登录框查看全部
-
第四象限，x+，y-查看全部
-
雪碧图设计： 先对图标区域设置背景图 再将其相应区域撑开，即定义宽高 最后再逐个设置背景图的位置坐标，即：background-position属性查看全部
-
1常用<i></i>来放小图片 2为给小图片设置background-position属性，需要给<li>定义一个类名<li class="cat-数字"> 3去掉<ul>标签下<li>标签的小黑点，在<style>标签下ul{list-style:none} 4不依赖于浏览器自身所设定的margin、padding，通过对<li>的行高以及margin、padding的设置来展效果式以便在各个浏览器下效果相同：先将<li>display属性设置为block，否则设置行高什么的没用;将height和line-height设置为相同高度是文字垂直居中,overflow：hidden可防止元素溢出查看全部
-
实现方式： ps手动拼图 使用sprite工具自动生成 CSS Sprite自动生成工具——CSSGaga（http://www.99css.com/1524/）查看全部
-
background-position查看全部
-
控制一个层可显示的区域范围大小，通过一个窗口，就行背景图的滑动。查看全部
-
CSS Sprite雪碧图运用 1，静态图片，不随用户信息的变化而变化 2，小图片，图片容量比较小 3，加载量比较大 4，大图不建议拼成雪碧图 有效的减少http的请求数量，加速内容显示（每请求一次，就会和服务器连接一次，建立连接是需要额外的时间开销的）查看全部
-
定了width:100%;的元素最好不要设置左右padding和margin了，因为width100%的意思是此元素宽度（当然，从定义上，只是content区的宽度）是父元素content区宽度的100%，不包含padding和margin，如果padding和margin有了宽度，那么总长度便会超出父元素content的100%，表现为超出父元素容器范围（超出content）,所以应保证元素的总长度和父元素content区长度一致；另外，可以设置元素内外边距为百分比，此时他们的宽度是相对于父元素width来计算的，例如可以设置：width:95%;padding:0 2.5%;查看全部
-
display:inline的元素定义float属性即可设置宽高查看全部
-
使用css sprite的条件： 1.静态图片，不随用户信息变化而变化。 2.小图片，图片容量比较小(3k~5k) 3.加载量比较大。查看全部
-
2015/6/20查看全部
-
登录框查看全部
-
cssgaga 可以自动生成雪碧图代码 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可防止元素溢出查看全部
举报
0/150
提交
取消