位置:首頁 > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問題詳情

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

提問人:劉旭39發(fā)布時(shí)間:2020-11-11

定義區(qū)塊樣式

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

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

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

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

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

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

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

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

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

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

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

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部