今天继续是总结我学习、做作业过程中遇到的问题和我的解决方法。
这次重点总结页面的布局。有几次作业由于一开始的布局思路不对而造成了很多问题,所以我建议大家在做一个网页的时候,尤其是客户只给了一张图片让你参考的时候一定要首先尽可能构思出这个页面的布局方案,我在作业过程中经常会用到的就是表格和div。
例如在登录注册的表单中,往往为了页面好看我们需要表单的文字部分对齐,这个时候用表格内嵌表单是个不错的方法。因为表单文字有长有短,我们可以让这些文字在表格内向右对齐。例如:
<table><!-- 表格内嵌入账号密码表单 -->
<tr>
<td class="right">账号:</td> <td><input type=text> </td>
</tr>

<tr>
<td class="right">密码:</td> <td><input type=password> </td>
</tr>
<table>

<style>
.right{
text-align:right; <!-- 文字部分设置为向右对齐 -->
}

</style>

这样,如果再给文字部分加上lable标签,表单看起来就比较整齐好看。
最后说一下注意事项,页面布局用表格其实局限性比较大,因为表格的属性是如果表格内容超过了表格大小,那么就会导致整个表格变形,所以一般用于表格内容比较稳定的一些页面,比如登录、注册和菜单。这些页面的内容都比较固定。其他内容变化大的建议用div或者span加上css布局。
<!-- <div style="margin:0 auto"></div>这能让整个div居中显示 -->