區(qū)塊屬性有哪些? Dreamweaver CS6 2012
區(qū)塊
“區(qū)塊"分類用于控制網(wǎng)頁中塊元素的間 距、對齊方式和文字縮進等屬性。塊元素可以是文本、圖像和層等。"區(qū)塊”的選項面板如圖所示
"區(qū)塊"面板包括7種CSS屬性。
“Word-spacing (單詞間距)”選項: 設(shè)罝文字間的間距,包括“normal (正常)"和 “ (值)"兩個選項。若要減少單詞間距,則可 以設(shè)置為負值,但其顯示取決于瀏覽器。
"Letter-spacing (字母間距)"選 項:設(shè)置字母間的間距,包括"normal(正 常)"和“(值)”兩個選項。若要減少字母間距,則可以設(shè)置為負值。IE瀏覽器4.0版 本和更高版本及Netscape Navigator瀏覽器6.0 版本支持該選項。
"Vertical-align (垂宣對齊)"選項:控制文字或圖像相對于其母體元素的垂直位置。 若將圖像同其母體元素文字的頂部垂直對齊, 則該圖像將在該行文字的頂部顯示。該選項包 括"baseline (基線)""sub (下標)” "super (上標廠“top (頂部)” “text-top (文本頂 對齊)""middle (中線對齊)""bottom (底 部)""text-bottom (文本底對齊)"(值)"9 個選項D "baseline (基線)”選項表示將元素 的基準線同母體元素的基準線對齊:"top (頂 部)"選項表示將元素的頂部同最高的母體元素 對齊;"bottom (底部)"選項表示將元素的底 部同最低的母體元素對齊;"sub (下標)"選項 表示將元素以下標形式顯示;"super (上標)" 選項表示將元素以上標形式顯示:"text-top (文本頂對齊)選項表示將元素頂部同母體元素
文字的頂部對齊;"mkMe (中線對齊)"選項 表示將元素中點同母體元素文字的中點對齊; "text-bottom (文本底對齊)”選項表示將元素 底部同母體元素文字的底部對齊。
"Text-align (文本對齊)”選項: 設(shè)置區(qū)塊文本的對齊方式,包括"left (左 對齊)” “right (右對齊)” "center (居 中)"'justify (兩端對齊)" 4個選項。
"Text-indent (文字縮進)”選項:設(shè)置 區(qū)塊文本的縮進程度。若讓區(qū)塊文本突出顯示, 則該選項值為負值,但顯示主要取決干瀏覽器。
"White-space (空格)n選項:控制元 素中的空格輸入,包括"normal (正常)"pre (保留)” "nowrap (不換行)3個選項。
“Display (顯示)”選項:指定是否以及 如何顯示元素。“none (無)”關(guān)閉應(yīng)用此屬性 元素的顯示。
點擊加載更多評論>>