发表于： 2017-03-02 21:49:42
3 567
今日完成：
1.学会使用chrome开发者工具调试页面
2.通过修改div的padding具体数值为百分比值，使得九宫格的大小可以随着浏览器窗口的改变而改变
3.学会使用border-radius功能使九宫格的边角变为圆角
4.学会了<ul><li></li></ul>,<ol><li></li></ol>以及table的使用方法
明日计划：
彻底完成第一个任务
对标签的基本用法，css的基本用法进行总结
今日遇到的问题：
在调试九宫格大小可以随着浏览器窗口的时候遇到了问题，通过修改具体的长度值为百分比长度值，但是
浏览器窗口小到一定程度时，九宫格的形状会发生改变，后来尝试了几种不同的百分比值，发现三个格子
的百分比值加上margin值大概可以占全一个浏览器的长度时，缩小浏览器的窗口，九宫格不会变形。但是
总觉得这个方法笨了点，应该会有好的办法，明天再尝试一下。
收获：
学会了chrome开发者工具的一些简单的使用方法
学会了调整div盒子的边角形状
学会了设置格子的大小随窗口改变而改变
返回列表
评论