练习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源码下载:
http://files.cnblogs.com/JustinYoung/ChangeCssWeb.zip




keyword:css样式表,web标准,web标准网页,web标准网页源码,web2.0 源码,web2.0源码下载,web2.0网站源码,web2.0网站源码下载
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值