练习web标准时做的一个DEMO页面，不害臊地说一声：感觉还可以（附源码下载）

前一段时间练习web标准时做的一个页面。做这个页面的时候主要不是练习web标准，主要是练习我总结的一套css样式表的规划与组织理论。所以里面web标准或者javascript可能使用的并不是很恰当，但是页面中6套css样式表的相互穿插应用的实现却有力的证明了我自己总结的那套css样式表规划与组织理论的正确性。如果不信，你可以试着用传统的只有一个css样式表文件来实现，我demo页面上提供的自由组合穿插切换皮肤、宽窄屏、文本流样式的功能。可以自信的说：除非你有很深的功底，否则很难实现。

对于此页面，个人比较满意的有以下几点：
1：css的组织与规划比较成功。样式表文件都在CSS目录下。
2：自由组合穿插切换皮肤、宽窄屏、文本流样式的功能也挺不错，你可以通过页面上的三个按钮进行测试：

3：模拟MAC电脑工具栏效果的menu也还不错。但是这种花哨的东西正式网站还是少用为好。此处为练习另当别论。呵呵～


附相关链接：
1：我的那套css样式表的规划与组织理论（定还有不少错误，请高手指正，谢～）
CSS样式表的规划与组织文章列表

《CSS样式表的规划与组织》

《CSS样式表的规划与组织(续)_关于@import样式表规则》

《CSS样式表的规划与组织再续_一套确实可行的方案实例》

2：此练习页面的在线预览（国外的免费空间，速度较慢，请谅解。唉～谁能提供个速度较快的空间就好了）
http://www3.webng.com/resume/NCSDW/ChangeCssTestPage.html

3：此练习DEMO源码下载：
https://files.cnblogs.com/JustinYoung/ChangeCssWeb.zip

---

keyword:css样式表,web标准,web标准网页,web标准网页源码，web2.0 源码,web2.0源码下载,web2.0网站源码,web2.0网站源码下载