home • source • nvt

CSS

Overview

Layout

• 学习CSS布局

知识点

• CSS 布局
• CSS 选择器优先级
• IE Hacks
• CSS3

一些易混淆概念

• 块级元素
• 行内级元素
• 替换元素
• 块容器
• 包含块
• 块级上下文
• 行内上下文

Videos

• AllThingsSmitty/must-watch-css: A useful list of must-watch talks about CSS

CSS Frameworks

Tools

• CSSLint/csslint: Automated linting of Cascading Stylesheets
• t32k/stylestats: StyleStats is a library to collect CSS statistics.
• oyvindeh/ucss: Find unused and duplicate CSS
• purifycss/purifycss: Remove unused CSS. Also works with single-page apps.
• Automattic/juice: Juice inlines CSS stylesheets into your HTML source.

Resources

• you-dont-need/You-Dont-Need-JavaScript: CSS is powerful, you can do a lot of things without JS.
• Flexbox，更优雅的布局 - GitCafe - SegmentFault
• CSS3 Flexible Box Layout Explained - Smashing Magazine
• necolas/idiomatic-css
• anthonyshort/idiomatic-sass
• CSS 載入機制的未來趨勢 - andyyou 程序猿生活 - SegmentFault
• CSS创建竖排文字的简单方法 - 网页制作 - 蓝色理想
• 30 Seconds of CSS