在Dreamweaver?中如何定義區(qū)塊樣式?

定義區(qū)塊樣式

區(qū)塊樣式主要定義段落中文本的字距、對齊方式等樣式。在“css規(guī)則定義”對話框左側(cè)的“分類”列表框中選擇“區(qū)塊”選項(xiàng)，然后在右側(cè)選項(xiàng)區(qū)域詳細(xì)設(shè)置區(qū)塊樣式，如圖所示。

(1)Word-spacing (單詞間距）下拉列表框：定義文字之間的間距。單詞間距選項(xiàng)會受到頁邊距調(diào)整的影響可以指定為負(fù)值，但是其顯示取決于瀏覽器。

(2)Letter-spacing (字母間距）下拉列表框：定義字符之間的間距?？梢灾付ㄘ?fù)值，但是其顯示取決于瀏覽器。與字間距不同的是，字母間距可以覆蓋由頁邊調(diào)整產(chǎn)生的字母之間的多余空格。

(3)Vertical-align (垂直對齊）下拉列表框：設(shè)置行內(nèi)對象的縱向?qū)R方式。當(dāng)單元格顯示時，可以垂直對齊包含的塊元素。

(4)Text-align (文本對齊）下拉列表框：設(shè)置文本如何在元素內(nèi)對齊，包括left (居左）、right (居右）、center C居中）和justify (兩端對齊）4個選項(xiàng)。

(5)Text-indent (文字縮進(jìn)）文本框：設(shè)置首行縮進(jìn)的距離。指定為負(fù)值時則等于創(chuàng)建文本凸出顯示，但是其顯示則取決于瀏覽器。只有當(dāng)標(biāo)簽應(yīng)用于文本塊元素時，Dreamweaver的文檔窗口中才 會顯示該屬性。

(6)White-space (空格）下拉列表框：決定如何處理元素內(nèi)的空格符、Tab符和換行符。有3 個選項(xiàng)介紹如下。

normal (正常）：按正常的方法處理其中的空格符、Tab符和換行符，即忽略這些特殊的字符，并將多個空格折疊成一個。

 pre (保留）：將所有的空格符、Tab符和換行符都作為文本用<pre>fe簽進(jìn)行標(biāo)識，保留應(yīng) 用樣式元素內(nèi)源代碼的版式效果。

nowrap (不換行）：設(shè)置文本只有在遇到<br>標(biāo)簽時才換行。在Dreamweaver文檔窗口中 不會顯示該屬性。

(7)Display (顯示）下拉列表框：設(shè)置是否顯示以及如何顯示元素。如果選擇none (無）選項(xiàng), 則會關(guān)閉該樣式被指定給的元素的顯示。