一、長度單位 

長度單位是Web頁設(shè)計(jì)中最常用的一個(gè)單位。一個(gè)排列無序、雜亂無章的頁面不可能給人們留下什么好的印象。于是，在設(shè)計(jì)的時(shí)候需要為元素的位置、尺寸精確地定義一些值，以使其達(dá)到預(yù)期的效果。 

CSS給予人們精確控制網(wǎng)頁的能力，這一點(diǎn)為人們津津樂道。它允許人們定義外觀、尺寸、空間及其他的樣式。但是，CSS所給出的控制同時(shí)也是一個(gè)危險(xiǎn)的東西，這不僅表現(xiàn)在設(shè)計(jì)者缺乏經(jīng)驗(yàn)，更在于如何給出一個(gè)尺寸和空間值。為什么呢？因?yàn)橐粋€(gè)設(shè)計(jì)者雖然能夠決定某一個(gè)特殊的屏幕分辨率，但是不可能決定別人的大腦和別人的視力或者那些富有個(gè)性的自定義設(shè)置。 

CSS的主要功能之一就是CSS定位，這個(gè)定位的概念即包括位置的定位，也包括尺寸的定位。無論哪一種，都需要使用長度單位，不然，精確定位就無從談起。

在CSS中，長度是一種度量尺寸，用于寬度、高度、字號(hào)、字和字母間距、文本的縮排、行高、頁邊距、貼邊、邊框線寬以及許許多多的其他屬性。 

1．定義長度 

        在Dreamweaver 4中要定義長度，首先應(yīng)該在所選擇的選項(xiàng)后面的文本框中寫符號(hào)部分，這個(gè)符號(hào)可以是“+”（正號(hào)），表示正長度值，也可以是“－”（負(fù)號(hào)），表示負(fù)長度值。如果不寫符號(hào)，那么默認(rèn)值是“+”。在符號(hào)后緊接著是一個(gè)數(shù)值，這個(gè)數(shù)值可以是整數(shù)，也可以是小數(shù)。然后再在該選項(xiàng)的長度單位下拉列表框中選擇一種長度單位。長度單位一般是一個(gè)由兩個(gè)字母組成的單位縮寫，例如cm，pt，em等。

2．絕對(duì)長度單位 

        網(wǎng)頁定義上常常使用的絕對(duì)長度值由厘米（cm）、毫米（mm）、英寸（in）、點(diǎn)（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  

絕對(duì)長度值的使用范圍比較有限，只有在完全知道外部輸出設(shè)備的具體情況下，才使用絕對(duì)長度值。也就是說，絕對(duì)長度值最好用于打印機(jī)輸出設(shè)備，而在僅僅作為屏幕顯示時(shí)，使用絕對(duì)長度值意義不大，應(yīng)該盡量使用相對(duì)長度值。 knowsky.com

 3．相對(duì)長度值 

        每一個(gè)瀏覽器都有其自己默認(rèn)的通用尺寸標(biāo)準(zhǔn)，這個(gè)標(biāo)準(zhǔn)可以由系統(tǒng)決定，也可以由用戶按照自己的愛好進(jìn)行設(shè)置。因此，這個(gè)默認(rèn)值尺寸往往是用戶覺得最適合的尺寸。于是使用相對(duì)長度值，就可以是需要定義尺寸的元素按照默認(rèn)大小為標(biāo)準(zhǔn)，相應(yīng)地按比例縮放。這樣就不可能產(chǎn)生難以辨認(rèn)的情況。其實(shí)，百分比單位以及關(guān)鍵字都能產(chǎn)生相類似的效果。 

        CSS還支持下列三種長度的相對(duì)單位：em（當(dāng)前字體中字母M的寬度）、ex（當(dāng)前字體中字母X的高度）、px（一個(gè)象素的大?。?。 

使用em和ex的目的就是為所給的字體設(shè)置合適的寬度，而沒有必要知道字體有多大，在顯示時(shí)，可通過比較當(dāng)前字體中的M和X來確定。字體越大，所對(duì)應(yīng)的em和ex也就越大。

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

二、百分比單位 

在Dreamweaver 4中要使用百分比，首先應(yīng)該在所選擇的選項(xiàng)后面的文本框中寫符號(hào)部分，這個(gè)符號(hào)可以是“+”（正號(hào)），表示正長度值，也可以是“—”（負(fù)號(hào)），表示負(fù)長度值。如果不寫符號(hào)，那么默認(rèn)值是“+”。在符號(hào)后緊接著是一個(gè)數(shù)值，符號(hào)后面可以輸入任意值，但是由于在某些情況下，瀏覽器不能處理帶小數(shù)的百分?jǐn)?shù)，因此最好不用帶小數(shù)的百分比。然后再在該選項(xiàng)的長度單位下拉列表框中選擇“%”。 
百分比總是相對(duì)于另一個(gè)值來說的。那個(gè)值可以是長度單位或是其他的。每一個(gè)可以使用百分比值單位指定的屬性同時(shí)也自定義了這個(gè)百分比值的參照值。大多數(shù)情況下，這個(gè)參照值是此元素本身的字體大小。 

三、顏色單位 

大量地使用圖片可能會(huì)使網(wǎng)頁富有生氣。但是，每一個(gè)上過網(wǎng)的人都有為等待一個(gè)圖片而焦急不安的經(jīng)歷。其實(shí)，適當(dāng)?shù)卦诓煌牟课皇褂貌煌念伾?，也能起到類似圖片的效果，把讀者的注意力吸引到關(guān)鍵的部分，然而，下載網(wǎng)頁的時(shí)間卻大幅度地減少了。 

color屬性用來定義一個(gè)元素的前景顏色，在大多數(shù)情況下，這個(gè)元素中所包含的使文本對(duì)象。使用color屬性同時(shí)還可以用來決定一個(gè)元素邊框的顏色。通用的定義顏色的語法是：color：顏色值。

定義顏色值最簡(jiǎn)單也最直接的方法是使用百分比值。在這種情況下，紅、綠、藍(lán)顏色值的等級(jí)用百分比數(shù)來確定。格式是：color:rgb(R%,G%,B%)。使用百分比值來指定顏色還有一個(gè)好處是它能夠聲明一組真正的數(shù)字，不論它的值是多少。 

指定顏色的另一種方法是使用范圍在0～255之間的整數(shù)來設(shè)置。格式是color:rgb(128,128，128)。 
定義顏色的第三種方法是使用十六進(jìn)制數(shù)組定義顏色。這種定義的方法對(duì)于經(jīng)常進(jìn)行程序設(shè)計(jì)的人來說比較熟悉。定義顏色時(shí)使用三個(gè)前后按順序排列的十六進(jìn)制數(shù)組表示，例如“#FC0EA8”。這種定義的方式就是形如#RRGGBB的格式。即在紅、綠、藍(lán)的位置上添上需要的十六進(jìn)制值。

定義顏色最后一種方法也最簡(jiǎn)單的方法是指定顏色的名稱。例如如下所示的代碼指定文本的顏色為紫色。 

在Dreamweaver 4中，可以單擊顏色選擇器的圖標(biāo)，從打開的顏色選擇器中選擇一種合適的顏色。

四、URL單位 

URL單位和鏈接的地址有關(guān)。所謂URL就是“Uniform Resource Locator”的簡(jiǎn)寫，鏈接是網(wǎng)頁的靈魂。通過鏈接的方式可以使各個(gè)網(wǎng)頁之間聯(lián)接起來，使網(wǎng)站中眾多的頁面構(gòu)成一個(gè)有機(jī)整體，使訪問者能夠在各個(gè)頁面之間跳轉(zhuǎn)。鏈接可以是一段文本，一幅圖像或其他網(wǎng)頁元素，當(dāng)在瀏覽器中用鼠標(biāo)單擊這些對(duì)象時(shí)，瀏覽器可以根據(jù)其指示載入一個(gè)新的頁面或者跳轉(zhuǎn)到頁面的其他位置。 

在創(chuàng)建鏈接的過程中，路徑是非常重要的。Dreamweaver 4中有兩種路徑：絕對(duì)路徑和相對(duì)路徑，其中相對(duì)路徑可分為和根目錄相對(duì)的路徑及和文當(dāng)相對(duì)的路徑。

絕對(duì)路徑時(shí)含服務(wù)器協(xié)議（在網(wǎng)頁上通常是http://或ftp://）的完全路徑。絕對(duì)路徑包含的是精確位置而不用考慮源文檔的位置。但是如果目標(biāo)文檔被移動(dòng)，則鏈接無效。創(chuàng)建對(duì)當(dāng)前站點(diǎn)以外文件的鏈接時(shí)必須使用絕對(duì)路徑。

和根目錄相對(duì)的路徑總是從當(dāng)前站點(diǎn)的根目錄開始。站點(diǎn)上的所有可以公開的文件都存放在站點(diǎn)的根目錄下。和根目錄相對(duì)的路徑使用斜杠告訴服務(wù)器從根目錄開始。例如，/ Dreamweaver /index.html將鏈接到站點(diǎn)根目錄Dreamweaver文件夾的index.html文件。如果要在內(nèi)容經(jīng)常被移動(dòng)的環(huán)境中鏈接文件，那么使用和根目錄相對(duì)的路徑往往是最佳的方法。在使用與根目錄相對(duì)的路徑時(shí)，包含鏈接的文檔在站點(diǎn)內(nèi)移動(dòng)，鏈接不會(huì)中斷。但是，和根目錄相對(duì)的路徑和適合于本地查看站點(diǎn)，在這種情況下，可以使用和文檔相對(duì)的路徑。

注意：當(dāng)在瀏覽器中按照本地方式預(yù)覽文件時(shí)，和根目錄相對(duì)的路徑所鏈接的內(nèi)容不會(huì)出現(xiàn)。這是因?yàn)闉g覽器不能像服務(wù)器那樣識(shí)別站點(diǎn)根目錄，要預(yù)覽和根目錄相對(duì)的路徑所鏈接的內(nèi)容，必須將文件放置到遠(yuǎn)程服務(wù)器并從那里進(jìn)行查看。 

和文檔相對(duì)的路徑是指和當(dāng)前文檔所在的文件夾相對(duì)的路徑。例如文檔test.swf在文件夾Flash中，它指定的就是當(dāng)前文件夾內(nèi)的文檔?！?test.swf指定的則是當(dāng)前文件夾上級(jí)目錄中的文檔；而/test/test.swf指定是 Flash文件夾下test文件夾中的test.swf文檔。和文檔相對(duì)的路徑通常是最簡(jiǎn)單的路徑，可以用來鏈接總是和當(dāng)前文檔在同一文件夾中的文件。 

注意：在創(chuàng)建和文檔相對(duì)的路徑之前必須保存新文件，因?yàn)樵跊]有定義起始點(diǎn)的情況下，和文檔相對(duì)的路徑是無效的。在文檔保存之前，Dreamweaver 4會(huì)自動(dòng)使用以File://開始的絕對(duì)路徑。