CSS 网址珍藏与整理

1. Format


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


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


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


 


2. Compressor


CSS Compressor Free CSS Compressor Tool


 


 


 


 


 


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


dhtml goodies 50+ Nice Clean CSS Tab Based Navigation Scripts


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


 


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


font family


http://www.fontsquirrel.com/


http://www.google.com/webfonts


 


让我叹为观止, CSS 也可以这样?


advance 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模板是怎么炼成的