-
css sprite自动生成工具 css Gaga查看全部
-
什么时候使用css sprite查看全部
-
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可防止元素溢出查看全部
-
之前的代码有点瑕疵 ,最新代码查看全部
-
CSS Sprite雪碧图实现方式 1.PS手动拼图:制作多个小图片,拼成一个大图片,用鼠标挪动图片的位置(position)。适用自己的小网站 2.使用spite工具自动生成雪碧图 CSS Sprite自动生成工具-“cssGaga” 生成小图片的坐标,以及对应的css程序,提供background-position的值 下载地址:http://www.99css.com/archives/1524查看全部
-
通过CSS background-position来控制 坐标轴,拼合背景图的小图(x,y)为负值 以雪碧图左上角的定点为(0,0)坐标 当需要对坐标系中的某个小图标进行展示的时候,只需要取左上角的坐标进行偏移,例如(-100,0),只需要将background-position:-100,0; 实现原理:控制一个层,可显示的区域范围大小,通过一个窗口,进行背景图的滑动。查看全部
-
使用雪碧图可以大大较少HTTP请求次数。一次下载完毕就可以了。性能上非常好! 1.静态图片,不随用户信息的变化而变化 2.小图片,图片容量比较小(3~5k) 3.加载量比较大,会把它拼成雪碧图 一些大图不建拼成雪碧图查看全部
-
代码快照查看全部
-
1.placeholder是html5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点(或输入内容)时,提示文字消失。 2.text-indent 文字缩进 3. vertical-align:middle; //解决单选框和文字不显示在一条线上的问题 4.适当利用margin和padding查看全部
-
随笔代码查看全部
-
通过CSS background-position来实现。左上为原点。查看全部
-
减少http请求,加速内容显示速度。查看全部
-
sprite的用途查看全部
-
不太标准查看全部
-
代码。查看全部
举报
0/150
提交
取消