Vanessa

1. Format

往往大小写混用，全部搞到一行的代码让人读着很头疼，format 一下吧。

也是有各种的选项让你来定制。

http://www.lonniebest.com/FormatCSS/

 

2. Compressor

 

 

 

 

 

http://www.minifycss.com/css-compressor/

有很多选项让你选择性的进行压缩。并且输出帮你压缩的 log，比如某行#FFFFFF 压缩为 #FFF 之类的， 很不错。当然你也可以在上面压缩的的 Javascript。

 

3. CSS Lint

http://csslint.net/

o(︶︿︶)o 唉，好好的看了下这个网站下面的选项，觉得自己悲剧了。平时咋就没注意这些东东呢，更可悲的是最近用 ！important 还用上隐了?

•  Don't use adjoining classes
•  Beware of broken box model
•  Use compatible vendor prefixes
•  Use properties appropriate for display
•  Avoid duplicate properties
•  Disallow empty rules
•  Don't use too many floats
•  Don't use too many web fonts
•  Don't use too many font sizes
•  Include all gradient definitions
•  Don't use IDs
•  Avoid @import
•  Disallow !important
•  Don't use overqualified elements
•  Don't qualify headings
•  Don't use selectors that look like regexs
•  Heading should only be defined once
•  Use vendor prefix properties correctly
•  Don't use units for 0 values

4. Others

各种个样的 Tabs

http://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/

 

很多好看的字体，木有中文啊。。。

http://www.fontsquirrel.com/

http://www.google.com/webfonts

 

让我叹为观止， CSS 也可以这样？

http://www.romancortes.com/blog/tag/css/

 

跨浏览器的 CSS3 语法

很久以前收藏的网站了，随着浏览器的不断升级，基本上用不到了。由于只是基本，还是贴一下吧。

http://css3please.com/

 

CSS 学习网站

http://reference.sitepoint.com/css

http://www.w3.org/TR/CSS/

http://www.css3.com/

http://www.css3.info/

 

CSS Templates

http://www.cssdesignawards.com/

等等等的就参见 CSS模板是怎么炼成的

 

---

欢迎注册黑客派社区，开启你的博客之旅。让学习和分享成为一种习惯！