The document discusses CSS frameworks and methodologies including OOCSS, Blueprint, YUI Grid, Bluetrip, and others. It provides examples of using CSS with DPL and pagination. It also lists resources on OOCSS, rapid CSS development tools, Less, Sass, and Turbine CSS. Key benefits and examples of using Less to simplify CSS are outlined.

1. CSS
2012-1-5

2. JS CSS

3. JS

4. CSS

5. CSS

6. • OO-CSS CSS

7. • OO-CSS CSS
• CSS

8. • OO-CSS CSS
• CSS
• CSS

9. CSS

10. CSS

11. CSS

12. OO-CSS
css

13. OO-CSS
css

14. • hidden
OO-CSS
css

15. • hidden
OO-CSS
css
• clearfix

16. • hidden
OO-CSS
css
• clearfix
• grid-s5m0

17. • HTML
• Html CSS
• JavaScript

18. • HTML
• Html CSS
• JavaScript

19. DPL

20. pagination
DPL

21. pagination
tab
DPL

22. pagination
msg
tab
DPL

25. •
• class
•

26. Msg

27. Msg

28. Msg

31. •
•

33. css
css ,

34. •
•
•

35. CSS
CSS

36. • BluePrint
• YUI Grid
• OOCSS
• Bluetrip
• ...

39. OMS
• DPL http://fed.ued.taobao.net/kissy-team/
kissy-dpl/tmall/project/OMS/

40. CSS
CSS

41. •
•
•
•
•
• ...

44. less
• less
• css

45. • css
• css
• css

46. CSS
CSS

47. • oocss: http://www.slideshare.net/stubbornella/object-oriented-css
• css : http://www.stubbornella.org/content/2011/04/28/our-best-
practices-are-killing-us/
• css : http://www.blogohblog.com/rapid-css-development-tools/
• less http://www.lesscss.net/
• less
mac: http://incident57.com/less/
windows:http://winless.org/online-less-compiler
• sass: http://sass-lang.com/
• turbine: http://turbinecss.org/