需要用DIV来进行排版,对于CSS的样式要求就比较严格,说简单也简单,也复杂也复杂!
今天第一次结触这个东西,边学习边得到一些体验!要用DIV排版,第一步得对BODY的样式进行控制。
一、为了让整体版式进行基本的定位及定型,所以要对BODY进行样式控制,如下!
body{
text-align: center; <!--为了让整体版试居中,所以用到此句,但其所包含的标签都将具有此默让版式。=派生?-->
<!--当然,还可以有其它的样式控制了,但上句是至关重要的! ^_^ -->
}
二、当然是对DIV的控制了,呵呵,用DIV排版,当然要对它进行制控制了!
div{
text-align: center; <!--呵呵,此句也是至关重要的!因为我们上面已说到,由于body栺定过此样式,所以它所包含在内的所有标签也默认带有其样式,所以为了让div恢复正常,所以指定些样式!-->
<!--当然,也可加入字体控制等样式,或是在body中指定了字体样式,此处可不必再指定了!-->
}
说明:也许,看了上面的资料,你觉得有点多此一举,就让我来分析给你听一下吧!
为什么要给body加入 text-align:center;样式,是因为想让所有的内容居中,因为DIV没有跟表格一样的对齐属性,所以加入了此样式,用于让整个网页来居中,当然,如果你的网页不需要居中时,此指定就可以取消了!
三、DIV在排版时的另一种控制!
由于DIV有一些特别,所以想让两个DIV处在同一行时就有一点"难度"了?呵呵,其实不然!只是我们接触得少所以不知道而以!
例子:
<div>abc</div><div>abc</div>
此种版式排出来的效果将是:
abc
abc
如此,将达不到我们的要求,我们要求它们排在一行喔!
所以,得再次用CSS来对它进行控制了!如下:
<div style="float:left">abc</div><div style="float:left">abc</div>
此种版式得出来的效果将是:
abc abc
由此,我们可以控制DIV得到表格的效果,即可以用DIV取代表格来进行排版了!
^_^ ,学习重在举一反三!