CSS的布局

html-css09

CSS的布局,第1张

在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。

所有的设计第一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是我构思好的界面布局图。

首先这种段落用<p>更合理,而不是用<h2>

然后,你行内样式文字居中对齐了,上面两行差不多长能对齐,最下面一行短这么多,当然对不齐。

text-align:center的center改成left

如果只考虑右边的话,那就是table的表头嵌套,然后通过通用的熟悉设置行的长度。,左边的列分别用不同的class去控制。左边的话就用ul li标签就行了!暂时没时间,没法给你写具体代码了……

<ul><li></ul>

</ul>

<table>

<th class="table_tha">选择</th>

<th class="tbale_thb">序号</th>

……………………

<tr>

<td><input type="checkbox"></td>

</tr>

希望能帮到你!不回的话再追问吧!