在Frontpage 中定義網頁CSS樣式

 　　說明:目前Frontpage的最新版本是FrontpageXP(Frontpage 2003)，本文是以Frontpage2000講述的，但本文所描述的方法在FrontpageXP中基本上是適用的!另，這裡面討論的只是Frontpage2000中如何定義CSS，至於有關CSS的知識請參閱有關資料。

　　當很多人發現在DW4中定義CSS很方便的時候，開始報怨FP2000不能定義CSS，甚至就此抨擊FP2000如何的不好。事實上，在FP2000中定義CSS是很容易的，甚至在某些方面比DW4中定義更方便!

　　定義HTML標記的樣式

　　在Frontpage2000下，選擇菜單“格式/樣式”，會彈出一個定義樣式的窗口，在CSS列表下拉菜單(位於左下)中，選“所有的HTML標記”， 這時在左邊的列中會出現大部分常用的HTML標記，選中一個，然後點右下的“修改”， 會彈出一個“修改樣式”窗口，在該窗口左下方有一個“格式”按鈕，點擊該按鈕，會出現一個下拉菜單，一共有五個選項:

　　字體:顧名思義，這裡就是定義字體的地方。

　　段落:跟“字體”差不多，點進去後根據提示定義就可以了。

　　邊框:定義邊框和背景等，根據提示定義就可以了。進入後有有“;邊框”和“陰影”兩個選項卡，在“邊框”中定義邊框，在“陰影”中定義前景和背景。

　　編號方式:共有三個選項卡，根據字面意義去定義就可以了。

　　定位:這就是CSS定位啦，但一般用在具體的網頁元素當中。

　　是不很容易?當然，定義這些您最好要有一定的CSS的基礎，不然您可能不知道定義的是什麼。但是您只要了解一些語法規則就可以喽，剩下的就讓Frontpage2000去做吧!

　　有兩個較為特殊的:

　　1、在網頁任何位置點擊鼠標右鍵，選“網頁屬性”，在屬性面板的下側有一個“樣式”按鈕，在這裡可以定義body的樣式，這樣定義在形式上是內嵌式的，事實上這跟直接定義body是沒有什麼區別的，因為一個網頁中只有一個body。

　　2、仍然在“網頁屬性”面板當中，選“背景”選項卡，在中上的位置有一個“啟用超鏈接翻轉效果”，選中它前面的復選框，然後點擊它下面的“翻轉樣式”按鈕，就可以定義一些字體了，事實上這樣定義的是a:hover(即鼠標縣停到超鏈接時的樣式 )。

　　定義class或ID

　　這個仍然是在菜單“格式/樣式”中，在右下的“列表”中選擇“用戶定義的樣式”，這時，你以前定義的標記會出現在右側的列表中。下面我們開始定義一個class(偽類)，點擊右下的“新建”按鈕，在最上面的“名稱(選擇器)”中輸入一個名字，比如“.mycss”，注意，前面有一個“.”表明是定義一個class(如果定義ID前面是“#”)，但在引用時並不算名字的一部分，只有“.”(或“#”)後面的才做為名字“!”名字!

　　取好名字後，就開始定義格式了，仍然點“格式”按鈕，剩下的就跟上面所講述的方法一樣啦!這裡就不再贅述。至於如何在網頁的具體元素中引用我們接下來就會講述。

　　定義內嵌式的樣式

　　在大部分的屬性面板的下側，都會有一個樣式按鈕，點擊後，就可以定義內嵌式的CSS樣式了。比如，先建一個表格，在表格的一個單元格中點擊左鍵，選擇“單元格屬性”，在屬性面板中有一個“樣式”按鈕，點擊後，在下側有一個“格式”按鈕，點進去後就可以定義樣式喽!筆者認為:Frontpage2000提供的這種方式來定義內嵌式的樣式大大方便了我們的工作，是個不錯的功能。

　　接下來我們看看如何引用一個已經定義好了的class(或ID)，仍以單元格為例，在“單元格屬性”面板中，點擊“樣式”，在樣式面板的中上部，左側是“類”下拉菜單，在這裡面就可以選擇我們定義好了的類了。在右側是“ID”，不過這裡面不是下拉菜單，而是一個單行文本框，需要我們手動的敲進去我們定義好了的ID，注意不要帶“#”。