圖1 樣式工具

2、編輯樣式

我們?cè)賮?lái)看看如何編輯樣式。單擊“樣式”工具欄上的“樣式”按鈕或者在“格式”菜單上單擊“樣式”命令，進(jìn)入“樣式”對(duì)話框，如圖2所示。

圖2 在此編輯樣式表

在樣式列表中，包含了多個(gè)樣式，其中“a:link”表示對(duì)鏈接文本有效，“a:active”表示對(duì)激活鏈接有效，“a:visited”對(duì)已訪問(wèn)文本有效，“a:hover”表示當(dāng)鼠標(biāo)處于懸停狀態(tài)時(shí)有效。

首先在左側(cè)的“樣式”框中，單擊要修改的樣式類型，比如“a:link”，然后在下方的“列表”中選擇“用戶定義的樣式”選項(xiàng)，需要注意的是，如果此時(shí)要修改標(biāo)準(zhǔn)html標(biāo)記，可以選擇“html 標(biāo)記”。接著在樣式列表中雙擊“a:link”樣式，打開(kāi)“修改樣式”對(duì)話框，如圖3。如果要設(shè)置對(duì)齊方式、縮進(jìn)或段落間距，可以選擇“段落”，設(shè)置邊框和底紋可以選擇“邊框”，設(shè)置項(xiàng)目符號(hào)和編號(hào)的樣式，可以選擇“編號(hào)”。完成設(shè)置后，關(guān)閉所有對(duì)話框返回到css文件。這樣我們就完成了一個(gè)樣式的設(shè)置，可以將設(shè)置好的樣式直接應(yīng)用到網(wǎng)頁(yè)文件指定的文字、段落中。

圖3 在此設(shè)置樣式的格式

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

創(chuàng)建內(nèi)嵌式css

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

應(yīng)用樣式

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

到站提示：樣式在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中比較常見(jiàn)，巧妙地使用樣式不但可以使網(wǎng)頁(yè)更加美觀，而且還可以很好地規(guī)范站點(diǎn)中網(wǎng)頁(yè)的顯示效果。下一站，我們將利用frontpage xp給我們的網(wǎng)頁(yè)設(shè)計(jì)表單。