一、長度單位 
長度單位是Web頁設計中最常用的一個單位。一個排列無序、雜亂無章的頁面不可能給人們留下什么好的印象。于是，在設計的時候需要為元素的位置、尺寸精確地定義一些值，以使其達到預期的效果。 
CSS給予人們精確控制網頁的能力，這一點為人們津津樂道。它允許人們定義外觀、尺寸、空間及其他的樣式。但是，CSS所給出的控制同時也是一個危險的東西，這不僅表現在設計者缺乏經驗，更在于如何給出一個尺寸和空間值。為什么呢？因為一個設計者雖然能夠決定某一個特殊的屏幕分辨率，但是不可能決定別人的大腦和別人的視力或者那些富有個性的自定義設置。 
CSS的主要功能之一就是CSS定位，這個定位的概念即包括位置的定位，也包括尺寸的定位。無論哪一種，都需要使用長度單位，不然，精確定位就無從談起。
在CSS中，長度是一種度量尺寸，用于寬度、高度、字號、字和字母間距、文本的縮排、行高、頁邊距、貼邊、邊框線寬以及許許多多的其他屬性。 
1．定義長度 
        在Dreamweaver 4中要定義長度，首先應該在所選擇的選項后面的文本框中寫符號部分，這個符號可以是“+”（正號），表示正長度值，也可以是“－”（負號），表示負長度值。如果不寫符號，那么默認值是“+”。在符號后緊接著是一個數值，這個數值可以是整數，也可以是小數。然后再在該選項的長度單位下拉列表框中選擇一種長度單位。長度單位一般是一個由兩個字母組成的單位縮寫，例如cm，pt，em等。
2．絕對長度單位 
        網頁定義上常常使用的絕對長度值由厘米（cm）、毫米（mm）、英寸（in）、點（pt）、派卡（pc）等等。
單位 英寸(in)  厘米(cm)  毫米(mm)  磅(pt)  派卡(pc) 
英寸  1.0  2.54  25.4  72  6 
派卡 0.16667  0.4233  4.233  12  1.0 
厘米  0.3937  1  10  28.3464  4.7244 
毫米  0.03937  0.1  1.0  2.83464  0.47244 
磅  0.01389  0.0352806  0.352806  1.0  0.83333 
絕對長度值的使用范圍比較有限，只有在完全知道外部輸出設備的具體情況下，才使用絕對長度值。也就是說，絕對長度值最好用于打印機輸出設備，而在僅僅作為屏幕顯示時，使用絕對長度值意義不大，應該盡量使用相對長度值。 knowsky.com
 3．相對長度值 
        每一個瀏覽器都有其自己默認的通用尺寸標準，這個標準可以由系統決定，也可以由用戶按照自己的愛好進行設置。因此，這個默認值尺寸往往是用戶覺得最適合的尺寸。于是使用相對長度值，就可以是需要定義尺寸的元素按照默認大小為標準，相應地按比例縮放。這樣就不可能產生難以辨認的情況。其實，百分比單位以及關鍵字都能產生相類似的效果。 
        CSS還支持下列三種長度的相對單位：em（當前字體中字母M的寬度）、ex（當前字體中字母X的高度）、px（一個象素的大小）。 
使用em和ex的目的就是為所給的字體設置合適的寬度，而沒有必要知道字體有多大，在顯示時，可通過比較當前字體中的M和X來確定。字體越大，所對應的em和ex也就越大。

以象素為單位的長度是相對于顯示器上的象素(或許為方形)的高度和寬度。影像的寬度和高度經常是以象素給出的。象素測量法通常不是個好方法。首先，象素的大小依分辯率變化較大，大多數用戶都會將顯示器設置成盡可能高的分辯率，從而導致象素太小，而無法閱讀。

二、百分比單位 
在Dreamweaver 4中要使用百分比，首先應該在所選擇的選項后面的文本框中寫符號部分，這個符號可以是“+”（正號），表示正長度值，也可以是“—”（負號），表示負長度值。如果不寫符號，那么默認值是“+”。在符號后緊接著是一個數值，符號后面可以輸入任意值，但是由于在某些情況下，