DIV CSS 佈局教程網

然後在CSS中定義span為右浮動，實現了日期和標題分兩側顯示的效果

h1-h6：標題

h1-h6 根據重要性依次遞減

h1位最重要的標題

◆label：為了使你的表單更有親和力而且還能輔助表單排版的好東西，例如：

<label for="user-passWord">密　碼label> 
 
<input type="passWord" name="passWord"   
id="user-passWord" /> 
 

◆fIEldset & legend：fildset套在表單外，legend用於描述表單內容。例如：

<form> 
 
<fIEldset> 
 
<legend>titlelegend> 
 
<label for="user-passWord">密　碼label> 
 
<input type="passWord" name="passWord" id="user-passWord" /> 
 
fIEldset> 
 
form> 
 

◆dl,dt,dd：當頁面中出現第一行為類似標題/簡述，然後下面為詳細描述的內容時應該使用該標簽，例如：

<dl> 
 
<dt>什麼是CSS?dt> 
 
<dd>CSS就是一種叫做樣式表（stylesheet）的技術。  
也有的人稱之為層疊樣式表（Cascading Stylesheet）。<dd> 
 
<dt>什麼是XHtml？dt> 
 
< dd>XHTML是一個基於XML的置標語言，看起來與Html有些想像，  
只有一些小的但重要的區別。可以這樣看，  
XHTML就是一個扮演著類似 Html的角色的XML。本質上說，  
XHtml是一個橋接（過渡）技術，  
結合了XML（有幾分）的強大功能及Html（大多數）的簡單特性。dd> 
 
dl> 

C #content

S #subcol

M #maincol

X #xcol

這是縱向布局的XHtml結構，c-smx表示網頁有三個縱欄, c-sm表示有兩個縱欄, c-mx表示有兩個縱欄其中一個是附屬的, c-m表示一個縱欄。

其中在三縱欄的布局需要分為兩層 第一層是#subcol與#main第二層是#main中的#maincol與#xcol。