Magic-Cube

通过这个任务能学到

• 网页是由什么组成的
• 如何生成一个网页
• 如何访问一个网页
• html 与 css 是如何搭配工作
• 页面基础的布局方式
• 如何用一行代码兼容不同浏览设备
• 页面和想象的不一样时如何进行调试

效果图

验收标准

1.还原设计图

保证做出的小格子圆角、颜色和设计图一致

2.自适应

调整浏览器的宽度不会出现横向滚动条，小格子会随着窗口宽度大小变化，不会变形

3.移动端

在模拟手机查看时，也能保证九宫格宽度等同屏幕宽度

4.编码规范

文件必须用 UTF-8 编码

标签属性必须为小写字母，标签必须合并，属性值由双引号包含

CSS 使用外联的方式，放到 head 元素之间

CSS 控制样式时，不得使用 id 属性

布局时不使用 table 元素，应当使用 div 元素实现

作品地址

Magic_Cube