4-2-3 版面內容的垂直置中

文章推薦指數: 80 %
投票人數:10人

關於格式化文字(CSS 與HTML) 在Dreamweaver 中格式化文字,就像是使用標準的文書處理器。

您可以設定文字區塊的預設格式化樣式(段落、標題1、標題2 等)、變更所選文字 ... 關於格式化文字(CSS與HTML) 在Dreamweaver中格式化文字,就像是使用標準的文書處理器。

您可以設定文字區塊的預設格式化樣式(段落、標題1、標題2等)、變更所選文字的字體、大小、顏色和對齊方式,或是套用文字樣式,如粗體、斜體、程式碼(固定寬度)和底線。

Dreamweaver已將「CSS屬性」和「HTML屬性」兩個檢視窗合而為一。

當您使用「CSS屬性」檢視窗時,Dreamweaver會使用「串接樣式表」(CSS)設定文字的格式。

對於網站設計者及開發人員來說,CSS對網頁設計提供更多的控制,同時又能提供增強的輔助功能及降低檔案大小。

「CSS屬性」檢視窗可讓您存取現有的樣式,並建立新的樣式。

使用CSS是控制網頁樣式的方法,而不需與其架構妥協。

藉由將視覺設計元素(字體、顏色、邊界等)從網頁的結構邏輯中分離出來,CSS便能同時將視覺和排版控制提供給網頁設計者,不需犧牲內容的完整性。

此外,從單一明確的程式碼區塊中定義排版設計和頁面版面,不需依靠影像地圖、font標籤、表格及間隔影像GIF,便能達到更快速的下載、有效率的網站維護,並提供可控制多個網頁之設計屬性的單一位置。

您可以直接在文件中儲存以CSS建立的樣式,若有更強大的功能與彈性需求,您可以將樣式儲存在外部樣式表中。

如果您將外部樣式表附加到好幾個網頁,您在這個樣式表上所做的變更都會自動套用在這些網頁。

若要存取頁面的所有CSS規則,請使用「CSS樣式」面板(「視窗>CSS樣式」)。

若要存取套用到目前選取範圍的規則,請使用「CSS樣式」面板(目前模式)或「CSS屬性」檢視窗中的「目標規則」彈出式選單。

如果喜歡的話,您可以選擇使用HTML標記標籤來格式化網頁中的文字。

若要使用HTML標籤(而非CSS),請使用「HTML屬性」檢視窗設定文字的格式。

備註:您可以將CSS和HTML3.2格式化合併於同一個頁面內使用。

格式化會以階層方式進行套用:HTML3.2格式化會覆寫由外部CSS樣式表所套用的格式化,而文件內嵌的CSS會覆寫外部CSS。

備註:當您建立CSS行內樣式時,Dreamweaver會將樣式屬性程式碼直接新增到頁面內文。

編輯屬性檢視窗中的CSS規則 如果「屬性」檢視窗尚未開啟,請按一下「視窗>屬性」將它開啟,然後按一下CSS按鈕。

請執行下列其中一項作業: 將插入點置於您要編輯之規則所套用的文字區塊中。

該項規則便會出現在「目標規則」彈出式選單中。

使用「CSS屬性」檢視窗中的各個選項變更規則內容。

目標規則您要編輯的規則是否在「CSS屬性」檢視窗中?當文字已套用現有樣式時,如果您按一下網頁上的文字,影響文字格式的規則便會出現。

您也可以使用「目標規則」彈出式選單建立新的CSS規則、新的行內樣式,或對選取的文字套用現有類別。

如果要建立新規則,您必須完成「新增CSS規則」對話方塊的各項設定。

如需詳細資訊,請參閱本主題於結尾處提供的連結。

編輯規則針對目標規則開啟「CSS規則定義」對話方塊。

如果在「目標規則」彈出式選單中選取「新增CSS規則」,然後按一下「編輯規則」按鈕,Dreamweaver會改為開啟「新增CSS規則定義」對話方塊。

文字顏色將選定的顏色設定為目標規則中的字體顏色。

請按一下顏色方塊,或在相鄰的文字欄位中輸入十六進位值(例如,#FF0000),選取網頁安全色。

靠左對齊、置中對齊和靠右對齊將各個對齊屬性加入至目標規則。

備註:「字體」、「大小」、「文字顏色」、「粗體」、「斜體」和「對齊」屬性總是會顯示套用至「文件」視窗中目前選取範圍之規則的屬性。

只要變更這些屬性的任一項,都會影響目標規則。



請為這篇文章評分?