-
CSS Sprite雪碧图： 1.为性能优化和减少请求数目而使用。一般用在网页的导航条，登陆框等。一般大图不会用到雪碧图，它是按照需要来加载；动态的图片一般也不会用雪碧图。 2.使用雪碧图的基本规则： a.静态图片，不随用户信息的变化而变化 b、小图片，图片容量比较小 c.加载量比较大的情况下，可拼装成雪碧图 大图不建议拼装 小图拼成大图的好处：有效减少对服务器的请求量，加速网页内容的显示（在网页中，每请求一次，就会和服务器链接一次，建立链接需要额外的时间的）查看全部
-
拼合图实现 1.ps手动将小图拼成一张大图，用鼠标拖动图片来控制position（适合于小网站） 2.使用sprite工具自动生成（适合于大网站），可以返回每张小图的坐标（工具：Css Gaga 还可将position的代码写好）下载网址：http://www.99css.com/archives/1524（需要配置的东西较多）查看全部
-
有效的减少http请求数，加快加载的速度查看全部
-
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可防止元素溢出； 5height与line-height设置成相同大小可实现垂直居中查看全部
-
拼合图实现 1.ps手动将小图拼成一张大图，用鼠标拖动图片来控制position（适合于小网站） 2.使用sprite工具自动生成（适合于大网站），可以返回每张小图的坐标（工具：Css Gaga 还可将position的代码写好）下载网址：http://www.99css.com/archives/1524（需要配置的东西较多）查看全部
-
拼合图实现 1.ps手动将小图拼成一张大图，用鼠标拖动图片来控制position（适合于小网站） 2.使用sprite工具自动生成（适合于大网站），可以返回每张小图的坐标（工具：Css Gaga 还可将position的代码写好）下载网址：http://www.99css.com/archives/1524（需要配置的东西较多）查看全部
-
使用雪碧图的要求： 1.静态图片，不随用户信息的变化而变化 2.小图片，图片容量比较小。＜3~5K> 3.加载量比较大 好处：可以减少对服务器的请求量，加速网页内容显示查看全部
-
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可防止元素溢出； 5height与line-height设置成相同大小可实现垂直居中查看全部
-
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可防止元素溢出； 5height与line-height设置成相同大小可实现垂直居中查看全部
-
拼合图实现 1.ps手动将小图拼成一张大图，用鼠标拖动图片来控制position（适合于小网站） 2.使用sprite工具自动生成（适合于大网站），可以返回每张小图的坐标（工具：Css Gaga 还可将position的代码写好）下载网址：http://www.99css.com/archives/1524（需要配置的东西较多）查看全部
-
雪碧图原理 1.css backdround-position来控制 2.拼合背景图的左上角为（0，0），拼合图的小图的坐标为负 3通过坐标值的改变可以控制一个层可显示的区域范围大小，通过一个窗口进行背景图的滑动。(是在背景图上方有一个视图窗，视图窗所在位置，那么其下方的图就可以看到，而坐标控制移动的是下方的背景图而非视图窗。)查看全部
-
使用雪碧图的要求： 1.静态图片，不随用户信息的变化而变化 2.小图片，图片容量比较小。＜3~5K> 3.加载量比较大 好处：可以减少对服务器的请求量，加速网页内容显示查看全部
-
CssGaga css雪碧图生成工具查看全部
-
check查看全部
举报
0/150
提交
取消