在Frontpage 2000 中定義網頁CSS樣式

來源:互聯網
上載者:User
css|frontpage|網頁

  說明:目前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,注意不要帶“#”。

  這裡我們主要是針對對Frontpage2000和CSS有一定基礎的朋友講的,所以講得較為粗略,希望在閱讀的時候能夠結合Frontpage2000的使用來加深理解!



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。