这个css3单页是之前结合了几个站点的部分改出来的,布局的框架是用的wordpress一个模板的,但页面的内容及展示是自己组织的,算不是完全原创,但至少里面有 80%内容是自己仿制和抓取及整理的,用的软件包括,dreamweaver、photoshop、国外的jquery相册及2d框架、3d引擎框架、及一部分合成的卡通人图标组件。本来是打算制作成wp主题,但由于用的空间是 github免费空间,所以不支持 php,也就无法使用 contact-form-7插件,后来就放弃了,但这个单页花费的时间却是很多的,整整 1个半月,是偶制作一个页面里面花费最长时间的,页面虽然单一,但里面的组件却非常复杂,主要时间也是花在它们上面。
css3的一些transition,及-shadow-box和盒子模型,感觉和 css2.0一样,米得多少变化,它最大的特点是兼容移动设备及响应式的。也就是在不同屏幕下面显示可以截取和屏蔽一部分盒子区块,用 @media{width … height …} max min 这样的判断就可以控制了,也可以直接用国外设计开发人员写的现成兼容框架导入,像 bootcss这样的框架,都是非常优秀的解决方案。但要真正掌握这个样式表及 html5标签,还得自己去写,从头<head>到尾巴<footer>,从盒子区块<section>到内容区<article>,再到一些小的背景(精灵图或字体图标),这些真的需要很多时间去理解。尤其在多种设备的浏览器兼容上,这是非常头疼的事情。
下面是页面的截图
下载地址: