設(shè)置水平居中
大多數(shù)的網(wǎng)站目前都是固定寬度的。CSS代碼如下：

div#container {margin: 0 auto;}

.控制位置：絕對位置，相對位置
假如有兩個(gè)div

<div id=’parent’>
<div id=’son’></div>
</div>

將重要元素放置在屏幕中央
如果你希望將您想要的東西放在最中央，可以使用以下CSS：

div.popup { height:400px; width:500px; position: absolute; top: 50%; left: 50%;}
div.popup { margin-top: -200px; margin-left: -250px;}

您必須明確的指定寬度和高度，再把top和left屬性設(shè)為他們的一半，這樣就可以是這個(gè)部分回到屏幕的中心。
5.可以重復(fù)利用的規(guī)則

.left {float: left;}
.right {float: right;}
img .left { border:2px solid #aaaaaa; margin: 0 10px 0 0;}
img .right { border:2px solid #aaaaaa; margin: 0 0 0 10px; padding: 1px;}

設(shè)置自己的CSS樣式表，就可以在您需要的時(shí)候直接的添加標(biāo)記即可。
6. 解決IE6 的浮動(dòng)元素的雙倍邊距問題
對一個(gè)div設(shè)置了float:left 和 margin-left:100px 那么在IE6中，這個(gè)bug就會(huì)出現(xiàn)。您只需要多設(shè)置一個(gè)display即可，代碼如下：

div {float:left;margin:40px;display:inline;}

7.簡單的導(dǎo)航菜單
在您的設(shè)計(jì)中預(yù)設(shè)一個(gè)導(dǎo)航欄是非常有益的。可以讓別人對你網(wǎng)頁的主要內(nèi)容有一個(gè)大致的了解。第一次來的XHTML：

<div id=”navbar”>
<ul>
<li><a href=”http://www.survivalescaperooms.com”>軟件開發(fā)網(wǎng)</a></li>
<li><a href=”http://s.Vevb.com”>服務(wù)器</a></li>
<li><a href=”http://tools.Vevb.com/”>站長查詢工具</a></li>
</ul>
</div>