圖1 樣式工具

2、編輯樣式

我們再來看看如何編輯樣式。單擊“樣式”工具欄上的“樣式”按鈕或者在“格式”菜單上單擊“樣式”命令，進入“樣式”對話框，如圖2所示。

圖2 在此編輯樣式表

在樣式列表中，包含了多個樣式，其中“a:link”表示對鏈接文本有效，“a:active”表示對激活鏈接有效，“a:visited”對已訪問文本有效，“a:hover”表示當鼠標處于懸停狀態時有效。

首先在左側的“樣式”框中，單擊要修改的樣式類型，比如“a:link”，然后在下方的“列表”中選擇“用戶定義的樣式”選項，需要注意的是，如果此時要修改標準html標記，可以選擇“html 標記”。接著在樣式列表中雙擊“a:link”樣式，打開“修改樣式”對話框，如圖3。如果要設置對齊方式、縮進或段落間距，可以選擇“段落”，設置邊框和底紋可以選擇“邊框”，設置項目符號和編號的樣式，可以選擇“編號”。完成設置后，關閉所有對話框返回到css文件。這樣我們就完成了一個樣式的設置，可以將設置好的樣式直接應用到網頁文件指定的文字、段落中。

圖3 在此設置樣式的格式

返回主界面后，執行菜單“文件/保存”命令，將此樣式保存為link.css備用。

創建內嵌式css

在“網頁”視圖中，執行“格式/樣式”命令，打開樣式對話框，然后單擊“新建”按鈕，在“名稱”框中輸入新樣式的名稱為“.pal”，然后在“樣式類型”下樣式選擇為“段落”。然后單擊“格式”，再按照前面介紹的方法設置新樣式的格式特征，比如字體、段落等。

應用樣式

首先我們在“網頁”視圖中，打開需要應用樣式表(css)的網頁，然后在“格式”菜單上，單擊“樣式表鏈接”，打開“鏈接樣式表”對話框，單擊“添加”按鈕，在打開的“選擇樣式表”對話框中，選擇剛才建立的css樣式文件，單擊“確定”后，即可將其添加在“url”列表中。如果選中“所有網頁”選項，可以將樣式文件應用到網站所有網頁中，選擇“當前網頁”只會在當前編輯網頁中使用。另外，如果要將樣式應用于網頁上段落或者文字，首先可以選擇要應用樣式的文字，然后在工具欄的樣式列表框中選擇要應用的樣式名稱即可。

到站提示：樣式在網頁設計過程中比較常見，巧妙地使用樣式不但可以使網頁更加美觀，而且還可以很好地規范站點中網頁的顯示效果。下一站，我們將利用frontpage xp給我們的網頁設計表單。