說明：目前Frontpage的版本是FrontpageXP(Frontpage 02)，本文是以Frontpage00講述的，但本文所描述的方法在FrontpageXP中基本上是適用的！另，這里面討論的只是Frontpage00中如何定義CSS，至于有關(guān)CSS的知識(shí)請(qǐng)參閱有關(guān)資料。
當(dāng)很多人發(fā)現(xiàn)在DW4中定義CSS很方便的時(shí)候，開始報(bào)怨FP00不能定義CSS，甚至此抨擊FP00如何的不好。事實(shí)上，在FP00中定義CSS是很容易的，甚至在某些方面比DW4中定義更方便！
定義HTML標(biāo)記的樣式 在Frontpage00下，選擇菜單“格式/樣式”，會(huì)彈出一個(gè)定義樣式的窗口，在CSS列表下拉菜單（位于左下）中，選“所有的HTML標(biāo)記”， 這時(shí)在左邊的列中會(huì)出現(xiàn)大部分常用的HTML標(biāo)記，選中一個(gè)，然后點(diǎn)右下的“修改”， 會(huì)彈出一個(gè)“修改樣式”窗口，在該窗口左下方有一個(gè)“格式”按鈕，點(diǎn)擊該按鈕，會(huì)出現(xiàn)一個(gè)下拉菜單，一共有五個(gè)選項(xiàng)： 字體：顧名思義，這里是定義字體的地方。 段落：跟“字體”差不多，點(diǎn)進(jìn)去后根據(jù)提示定義可以了。 邊框：定義邊框和背景等，根據(jù)提示定義可以了。進(jìn)入后有有“；邊框”和“陰影”兩個(gè)選項(xiàng)卡，在“邊框”中定義邊框，在“陰影”中定義前景和背景。 編號(hào)方式：共有三個(gè)選項(xiàng)卡，根據(jù)字面意義去定義可以了。 定位：這是CSS定位啦，但一般用在具體的網(wǎng)頁元素當(dāng)中。 是不很容易？當(dāng)然，定義這些您要有一定的CSS的基礎(chǔ)，不然您可能不知道定義的是什么。但是您只要了解一些語法規(guī)則可以嘍，剩下的讓Frontpage00去做吧！ 有兩個(gè)較為特殊的： 1、在網(wǎng)頁任何位置點(diǎn)擊鼠標(biāo)右鍵，選“網(wǎng)頁屬性”，在屬性面板的下側(cè)有一個(gè)“樣式”按鈕，在這里可以定義body的樣式，這樣定義在形式上是內(nèi)嵌式的，事實(shí)上這跟直接定義body是沒有什么區(qū)別的，因?yàn)橐粋�(gè)網(wǎng)頁中只有一個(gè)body。 2、仍然在“網(wǎng)頁屬性”面板當(dāng)中，選“背景”選項(xiàng)卡，在中上的位置有一個(gè)“啟用超鏈接翻轉(zhuǎn)效果”，選中它前面的復(fù)選框，然后點(diǎn)擊它下面的“翻轉(zhuǎn)樣式”按鈕，可以定義一些字體了，事實(shí)上這樣定義的是a:hover(即鼠標(biāo)縣停到超鏈接時(shí)的樣式 )。
定義class或ID 這個(gè)仍然是在菜單“格式/樣式”中，在右下的“列表”中選擇“用戶定義的樣式”，這時(shí)，你以前定義的標(biāo)記會(huì)出現(xiàn)在右側(cè)的列表中。下面我們開始定義一個(gè)class(偽類)，點(diǎn)擊右下的“新建”按鈕，在最上面的“名稱（選擇器）”中輸入一個(gè)名字，比如“.mycss”，注意，前面有一個(gè)“.”表明是定義一個(gè)class（如果定義ID前面是“#”），但在引用時(shí)并不算名字的一部分，只有“.”(或“#”)后面的才做為名字“！”名字! 取好名字后，開始定義格式了，仍然點(diǎn)“格式”按鈕，剩下的跟上面所講述的方法一樣啦！這里不再贅述。至于如何在網(wǎng)頁的具體元素中引用我們接下來會(huì)講述。
定義內(nèi)嵌式的樣式 在大部分的屬性面板的下側(cè)，都會(huì)有一個(gè)樣式按鈕，點(diǎn)擊后，可以定義內(nèi)嵌式的CSS樣式了。比如，先建一個(gè)表格，在表格的一個(gè)單元格中點(diǎn)擊左鍵，選擇“單元格屬性”，在屬性面板中有一個(gè)“樣式”按鈕，點(diǎn)擊后，在下側(cè)有一個(gè)“格式”按鈕，點(diǎn)進(jìn)去后可以定義樣式嘍！筆者認(rèn)為：Frontpage00提供的這種方式來定義內(nèi)嵌式的樣式大大方便了我們的工作，是個(gè)不錯(cuò)的功能�！ 〗酉聛砦覀兛纯慈绾我靡粋�(gè)已經(jīng)定義好了的class(或ID)，仍以單元格為例，在“單元格屬性”面板中，點(diǎn)擊“樣式”，在樣式面板的中上部，左側(cè)是“類”下拉菜單，在這里面可以選擇我們定義好了的類了。在右側(cè)是“ID”，不過這里面不是下拉菜單，而是一個(gè)單行文本框，需要我們手動(dòng)的敲進(jìn)去我們定義好了的ID，注意不要帶“#”。
這里我們主要是針對(duì)對(duì)Frontpage00和CSS有一定基礎(chǔ)的朋友講的，所以講得較為粗略，希望在閱讀的時(shí)候能夠結(jié)合Frontpage00的使用來加深理解！
來自：天極網(wǎng)
上一篇：
有關(guān)表格邊框的css語法整理
下一篇：
設(shè)計(jì)理念