關於格式化文字 (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 和 HTML 3.2 格式化合併於同一個頁面內使用。 格式化會以階層方式進行套用:HTML 3.2 格式化會覆寫由外部 CSS 樣式表所套用的格式化,而文件內嵌的 CSS 會覆寫外部 CSS。
備註: 當您建立 CSS 行內樣式時,Dreamweaver 會將樣式屬性程式碼直接新增到頁面內文。編輯屬性檢視窗中的 CSS 規則
如果「屬性」檢視窗尚未開啟,請按一下「視窗 > 屬性」將它開啟,然後按一下 CSS 按鈕。
請執行下列其中一項作業:
將插入點置於您要編輯之規則所套用的文字區塊中。該項規則便會出現在「目標規則」彈出式選單中。使用「CSS 屬性」檢視窗中的各個選項變更規則內容。 目標規則 您要編輯的規則是否在「CSS 屬性」檢視窗中?當文字已套用現有樣式時,如果您按一下網頁上的文字,影響文字格式的規則便會出現。您也可以使用「目標規則」彈出式選單建立新的 CSS 規則、新的行內樣式,或對選取的文字套用現有類別。如果要建立新規則,您必須完成「新增 CSS 規則」對話方塊的各項設定。如需詳細資訊,請參閱本主題於結尾處提供的連結。
編輯規則 針對目標規則開啟「CSS 規則定義」對話方塊。如果在「目標規則」彈出式選單中選取「新增 CSS 規則」,然後按一下「編輯規則」按鈕,Dreamweaver 會改為開啟「新增 CSS 規則定義」對話方塊。文字顏色 將選定的顏色設定為目標規則中的字體顏色。請按一下顏色方塊,或在相鄰的文字欄位中輸入十六進位值 (例如,#FF0000),選取網頁安全色。靠左對齊、置中對齊和靠右對齊 將各個對齊屬性加入至目標規則。
備註: 「字體」、「大小」、「文字顏色」、「粗體」、「斜體」和「對齊」屬性總是會顯示套用至「文件」視窗中目前選取範圍之規則的屬性。只要變更這些屬性的任一項,都會影響目標規則。 |