二、CSS文件鏈接方法和定義方法

和普通網(wǎng)頁相同，在使用Dreamweaver軟件時，鏈接CSS文件只需要在軟件右側(cè)的CSS面板中點擊“附加樣式表”，然后選擇CSS文件即可。 如果還沒有CSS文件，就點擊“新建CSS規(guī)則”按鈕新建一個CSS文件。如圖一中所示：

1、圖1-1，點擊“新建CSS規(guī)則”按鈕；

2、圖1-2，在新建CSS規(guī)則的窗口中選擇“標簽”，在下面標簽處選擇“body”，或直接輸入，在“定義在”選項中選擇“新建樣式表文件”，點擊確定；

3、圖1-3，將CSS文件命名為style.css，然后保存；

4、圖1-4，在CSS規(guī)則定義的對話框中定義：字體-12px、行高-18px、填充-0（全部相同）、邊界-0（全部相同），然后確定。

完成以上四步，CSS文件就新建并鏈接完畢，接下來再進行一些定義即可。 手機網(wǎng)頁不需要太多美化，修飾越多就會造成下載數(shù)據(jù)過多和時間過慢，還會增加用戶流量費用，所以簡要的修飾和清晰地結(jié)構(gòu)才是最重要的。于是，運用好標題、列表項、換行等內(nèi)容在收集網(wǎng)頁中是很重要的。

body { font-size: 12px; margin: 0px; padding: 0px; line-height: 18px; }

img { border:0; }

h1,h2,h3,div,li,p { margin:0; padding:2px 2px; font-size:12px }

h1 { background:#7acdea; }

h2 { background:#d2edf6; }

input { font-size:12px; }

a { font-size:12px; }

a:link,a:visited { color:#0050B4; text-decoration: none; }

.list { padding: 3px 0 0 5px; }

#footer { border-top: 2px #FD6301 solid; border-bottom: 1px #ddd solid; margin: 15px 0 10px 0; padding: 5px; }