- SitePoint CSS Reference
- Mozilla CSS Extensions
- Mozilla Developer Center
- CSS 中文文档
- CSS Drive
- CSS Portal
- CSSDesk - Online CSS Sandbox.
- westciv - tools & resources for web professionals.
- hasLayout.net
- Internet Explorer UA Style Sheets
- LESS - Leaner CSS.
- css之自动换行
- 连续字符自动换行的解决方案
- CSS 101
- css Zen Garden CSS 设计之美(CSS 禅意花园) 《CSS禅意花园》studyNote
- The Shapes of CSS Show and Edit Style Element
- Scalable and Modular Architecture for CSS
- Bootstrap, from Twitter @github
Calendar stamp
- Calendar stamp - 显示日历
- Date Display Technique with Sprites
- CSS 中的元素旋转 - 日历效果
CSS Button
- k-button -- 口碑团队开发的按钮样式框架,非常美观大方。
- Sexy Buttons -- 背景图目前设计的很粗糙,设计理念和 k-button 类似。
Checkbox & Radio
CSS 圆角
CSS Table
CSS 反轉
- Text Rotation with CSS - 使用 CSS 旋轉實現的日期樣式。
字体 (Fonts)
- 谈谈字体那些事(第一部分)
- 谈谈字体那些事(第二部分)
- 谈谈字体那些事(第三部分)
- 默认Web字体样式 - 秦歌
- 再谈 Web 默认字体 - 玉伯
- 关于 Web 字体:现状与未来
- 再谈 Web 字体的现状与未来
工具 (Tools)
- CSSTidy^cn^
- csslint @github
- Minify CSS - Compress CSS Code
- YUI Compressor
- minify
- Smart Sprites - CSS Sprites自动化工具。
- Colour Contrast Check
- userstyles.org - Restyle the web with Stylish!
- Helvetireader^2^ - A minimal, anti-social theme for Google Reader.
- Helvetireader - 清爽好看的Google Reader美化套件
- Sass - Syntactically Awesome Stylesheets. 将 CSS 变成可编程的“语言”,可以使用变量,嵌套,继承,甚至是特定的缩进式语法。
- CSS-Crush
- lessphp
- 快速撰寫HTML/CSS的工具組合
- CSSEdit
清除浮动(clearfix)
网格(Grid System)
- The 1Kb CSS Grid - 拖放各个阈值并直接下载自动生成的CSS。
- Variable Grid System - 可直接修改各个阈值并预览效果。
- Grid Designer
- YAML Builder - A tool for visual development of YAML based CSS layouts.
- 960 Grid System 960-Grid-System@github
- 岁月如歌#grid
- 网页栅格系统研究(1):960的秘密 2
- 网页栅格系统研究(2):蛋糕的切法 2
- 网页栅格系统研究(3):粒度问题 2
- 网页栅格系统研究(4):技术实现 2
- 回复腾讯兄弟,再谈谈960
- 网页的栅格系统设计 - 青云
- 我的栅格系统 - 明城
- Five simple steps to designing grid systems 2 3 4 5
CSS Hacks
- CSS-Hacks
- 说说CSS Hack 和向后兼容 - 内附详细的各浏览器 Hacks 列表。
- On having layout
- Internet Explorer 6 and the Expanding Box Problem
活动
PPT
- CSS Wish List @JSConf - CSS继承、变量等愿望。
- Object Oriented CSS
- 960 Grid System Refresh OKC(slideshare)
- The Square Grid
- LessFramework
- 精选15个国外CSS框架
- 值得一看的10个很有希望的CSS框架
- 50个CSS编辑工具
- CSS Hacks
- 说说CSS Hack 和向后兼容
- CSS Expressions
- The Real Performance Overhead of CSS Expressions
- CSS Expression 的优化
- CSS expression在IE8里正式退出历史舞台
css3:
- CSS3 . Info - All you ever needed to know about CSS3.
- CSS 3 Modules
- Mozilla/Firefox/Gecko 浏览器的前缀:-moz-
- Webkit(Safari/Chrome)浏览器的前缀:-webkit- (注意,一些Webkit的前缀只能用于Safari,Chorme不支持。)
- 你应该知道的几个CSS3技巧
- CSS3 Secrets
Tools
- westciv - 有一些非常好的 CSS 演示和工具。
- CSS3 Generator
- CSS3 Gradient Generator
- CSS3 Button Maker
- CSS3 Please! - The Cross-Browser CSS3 Rule Generator.
- CSS3开发工具收集
- Sencha Animator
Resource
- Useful HTML5 and CSS3 resource
- 20大CSS3学习站点推荐!
- 学习笔记: CSS3 鼠标悬停动画
- How good is my browser? - 檢測瀏覽器對 CSS3 和 HTML5 的支持情況。
- 5个实用的CSS3实例
Funny Demo
- Pure CSS Twitter 'Fail Whale'
- CSS3-Man
- A啦多梦告诉你浏览器对 CSS3 的支持程度
- dom3d: rendering 3d with CSS3
- CSS3 PIE - CSS3 Progressive Internet Explorer: 让 IE 浏览器支持 CSS3。
- Path 2.0 Flyout Menu by CSS
- Animate.css @github