4-2-3 版面內容的垂直置中
文章推薦指數: 80 %
關於格式化文字(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),選取網頁安全色。
靠左對齊、置中對齊和靠右對齊將各個對齊屬性加入至目標規則。
備註:「字體」、「大小」、「文字顏色」、「粗體」、「斜體」和「對齊」屬性總是會顯示套用至「文件」視窗中目前選取範圍之規則的屬性。
只要變更這些屬性的任一項,都會影響目標規則。
延伸文章資訊
- 1Dreamweaver CS5要如何把整個網頁置中!!! - Mobile01
文章關鍵字 dreamweaver cs5 網頁 ... 把最外面的框架的CSS部分設成margin:auto; 他就會置中了 或是去HTML 部分找到最外面框架的DIV 在DIV <> 裡面 ...
- 24-2-3 版面內容的垂直置中
關於格式化文字(CSS 與HTML) 在Dreamweaver 中格式化文字,就像是使用標準的文書處理器。 您可以設定文字區塊的預設格式化樣式(段落、標題1、標題2 等)、變更所選文字 ...
- 3HTML&CSS|版型與文字置中用法 - iT 邦幫忙
- 4網頁、影像置中- 大勇國小資訊組網頁平台 - Google Sites
網頁、影像置中 · 網頁置中: <body style="margin: auto; width: 900px;"> · CSS 文字垂直置中: · CSS樣式:.
- 5在屬性檢視窗中設定文字屬性 - Adobe Support
了解如何在Dreamweaver 中使用文字「屬性」檢視窗,套用HTML 格式或CSS 格式。 ... 將目標規則靠左對齊、置中對齊或靠右對齊。