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/