网页图片整理术之CSS Sprite的应用
-
怎样在网页中应用手绘风格，以改善网站的用户体验
手绘风格非常有利于展示人性色彩，形成独特的识别度，为用户带来真实感。当你收到好友寄来的明信片时，你总是希望看到卡片是手写的，带着好友独特的笔迹，而不是用电脑打印出来的。一
-
解析网站404网页设计那些不得不说的事
前阵子做我们一淘优惠商家统一的报错页面， 整理了一些有意思的404页面(后简称404)，加之最近网友热议的QQ空间公益404页面，在这里一起拿出来跟大家分享一下。
-
z-index属性的使用方法和层级树CSS教程
CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺
CSS Sprite 是一种图片的处理方式，它允许网页设计师将很多张图片合并在同一张图档中，然后根据 CSS 档中的文字描述将图档分区块加载，是现在很常见的网页图片处理方式。
例如网页上一个的按钮的三种变化效果的图片，将其顺序摆放在同一个图档中使用：
而这张是 Facebook 页面上所使用的小图标图档，像是大家最常看到的 Like 图标其实也只是从这张图片里面取出一小部分加以显示而已。
诸如以上，几乎现在的网站都会透过使用 CSS Sprite 来将网页作优化，比起传统的切割图片方式，使用 CSS Sprite 有着以下的优点：
方便整理、命名：由于将图片合并了、图档的数量减少了，整理起来更为方便，同一个按钮不同状态的图片也不需要一个个切割出来并个别命名。
修改以及调整更为快速：由于每个按钮都在同一张图档中，设计师在事后修改细节时就可以在同一个档案中工作，再也不用辛苦的切割图档。
档案体积减小：虽然影响不大，但将图档合并可以有效的减少档案的体积。
