发表于： 2016-12-18 00:26:13
2 479
今天完成的事情：（ps:写着写着已经第二天了！)对table和div的区别进行了了解，目前的印象是div的使用空间大于table，度娘上说div有利于大型网站维护，使用较方便，table上手快等等。用table进行任务1的编写。花了一晚上时间终于算是搞定了，效果是达到了，就是不知道有没有不规范的地方，望大家指出！在W3C的CSS教程中学习了一遍margin和padding的不同，大致是，padding不能是负值，在边框里，有翻译成填充的，margin可以是负值，但是本身是透明的。在网上sou'l不少圆角矩形的制作的方法，有用PS修改图片的，有用CSS制作的。由于暂时还不会用PS切图，先学习了CSS这块的内容。
明天计划的事情：对table做的任务1在进行练习一下，看了一些师兄的日报，打算明天准备用div和float进行试做。抽空了解一下还没完成的class和id引用的区别。
遇到的问题：table的居中问题，目前是编出效果了，但是感觉自己做得可能不是很规范的居中！还有已经再IE，猎豹，手机的UC浏览器上都打开效果一致的页面了，这是不是就是意味着自适应没有问题了？
收获：感觉专注做一件事情还是很有意思的。不知不觉已经很晚了。希望接下来继续。
以下是目前写的代码：（目前不太会用Github，过段时间再正规上传吧！）
<!doctype html>
<html>
<head>
<title>九宫格制作1:使用table元素进行</title>
<style type="text/css">
table {margin:0 auto}
th,td {
border:3px solid #FFF;
padding:50px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-0-border-radius: 15px;
border-radius: 15px;
background-color:#FF6600;
}
</style>
</head>
<body>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
返回列表
评论