本文的讲解将搀扶帮助你领会网站和CSS文件，还将搀扶帮助你们领会CSS文件中的内容。索引部门常识一个格局化了的CSS正文段落，CSS的原则和更佳示例。
CSS是用来定义网站的用户界面或将展现和内容区分隔来的。
因为CSS被普遍地利用在几乎所有网站上，所以让我们花些时间来创建款式表并确保它契合优良的原则。下面的身手会极大地在开发过程中搀扶帮助CSS初学者。
索引
本处的定义将搀扶帮助你和其他开发者领会网站和CSS文件，还将搀扶帮助你们领会CSS文件中的内容。索引部门常识一个格局化了的CSS正文段落。
1给出CSS文件的做者信息
2定义网站的设想（列数，静态/动态）［columns， static/liquid］
3持续跟踪文件版本（当文件有多个做者或将来需要有晋级更新的时候十分有用）
锚点
锚点就似乎在统一个CSS文件中的书签一样，锚点使你清晰地阅读整个CSS文件按而且使它很有组织。
锚点需要在CSS的索引（上面提到的）处定义，因为CSS没有本身的锚点系统，所以我在文档中利用了一个简单的身手定义锚点。
办法是用一个比力稀有的字符来定义正文，当你想找某个锚点时，你就能够从索引处复造并查找锚点的定义符，并找到该锚点。
重定义
重定义是用来笼盖HTML默认的标签款式，把它们停止重定义的办法。你能否见过如许的CSS代码，它只是想把阿谁特定的元素加上款式！
CSS中一个十分标致的用法是上下文抉择器，让我们利用它：
定名规则
一个很关键的因素将元素给出切确无误而且清洁有效的名字，那将制止紊乱并让你更随便灵敏地读懂你的CSS。
速写
CSS中的速写功用是你能够将许多同类型的属性合并成一个的属性。
CSS速写使开发过程更简单而且让你的CSS文件清洁、简短、可读，下面是几个例子：
Sprites
（译者注：翻译成精灵似乎其实不能对文章加深感性熟悉，反倒在实正看到英文的时候不睬解了，所以痛快不译。）
将所有的布景图片合并到一张而且利用布景定位来展现差别的部门，那就是我们所说的CSS Sprites。
CSS Sprites可以削减HTTP恳求的数量，节约带宽，使得读取更快。同时也能够制止图像不不变现象（好比当鼠标颠末一张图片时能够展现另一张图片的效果，后一张图片将在慢速的因特网毗连中期待半天才会呈现）。
CSS Sprites更佳而且更受欢迎的例子是苹果公司网站上的菜单系统：
共2页上一页12下一页
切图