網(wǎng)頁教程:CSS中文教程(6)_動易Cms教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
答應(yīng)值: [<百分比> | <長度>]{1,2} | [top | center | bottom] || [left | center | right]
初始值: 0% 0%
適用于: 塊級及替換元素
向下兼容: 否
圖象位置屬性給出指定背景圖象的最初位置。這個屬性只能應(yīng)用于塊級元素和替換元素。(替換元素僅指一些已知原有尺寸的元素。HTML替換元素包括 IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT。)
安排背景位置最輕易的方法是使用要害字:
橫向的要害字 (left, center, right)
縱向的要害字 (top, center, bottom)
百分比和長度也可用作安排背景圖象的位置。百分比和元素字體大小有關(guān)。雖然使用長度是答應(yīng)的,但因為它們處理不同的顯示分辨率有不可避免的缺點,所以不被推薦。
當使用百分比或長度時,需首先指定橫向位置,接著是縱向位置。一個值,例如20% 65%,指定圖象的左起20%上起65%的那點會被放在元素的左起20%上起65%的那點的所在位置。一個值如5px 10px,指定圖象的左上角會被放在元素的左起5像素上起10像素的位置。
假如僅給出橫向的值,縱向位置的值為50%。長度和百分比的組合是答應(yīng)的,負值也行。例如,10% -2cm是答應(yīng)的。雖然,百分比和長度是不能夠和要害字組合。
要害字解釋如下:
top left = left top = 0% 0%
top = top center = center top = 50% 0%
right top = top right = 100% 0%
left = left center = center left = 0% 50%
center = center center = 50% 50%
right = right center = center right = 100% 50%
bottom left = left bottom = 0% 100%
bottom = bottom center = center bottom = 50% 100%
bottom right = right bottom = 100% 100%
假如背景圖象被看作油畫般固定不動,關(guān)于油畫的圖象會代替元素被放置。
網(wǎng)頁制作者也可以使用略寫的背景屬性,通常會比背景位置屬性獲得更好的支持。
背景
語法: background: <值>
答應(yīng)值: <背景顏色> || <背景圖象> || <背景重復(fù)> || <背景附件> || <背景位置>
初始值: 未定義
適用于: 所有對象
向下兼容: 否
背景屬性是一個更明確的背景—關(guān)系屬性的略寫。以下是一些背景的聲明:
BODY { background: white url(/help/UploadFiles_4256/200504/20050429120506672.gif) }
BLOCKQUOTE { background: #7fffd4 }
P { background: url(../backgrounds/pawn.png) #f0f8ff fixed }
TABLE { background: #0c0 url(leaves.jpg) no-repeat bottom right }
當一個值未被指定時,將接受其初始值。例如,在上述的前三條規(guī)則,背景位置屬性將被設(shè)置為0% 0%。
為了避免與用戶的樣式表之間的沖突,背景和顏色應(yīng)該一起被指定。
文本屬性
文字間隔語法: word-spacing: <值>
答應(yīng)值: normal | <長度>
初始值: normal
適用于: 所有元素
向下兼容: 是
文字間隔屬性定義一個附加在文字之間的間隔數(shù)量。該值必須符合長度格式,答應(yīng)使用負值。
例如:
P EM { word-spacing: 0.4em }
P.note { word-spacing: -0.2em }
字母間隔
語法: letter-spacing: <值>
答應(yīng)值: normal | <長度>
初始值: normal
適用于: 所有元素
向下兼容: 是
字母間隔屬性定義一個附加在字符之間的間隔數(shù)量。該值必須符合長度格式,答應(yīng)使用負值。一個設(shè)為零的值會阻止文字的調(diào)整。
例如:
H1 { letter-spacing: 0.1em }
P.note { letter-spacing: -0.1em }
相關(guān)動易Cms教程:
- MAC錯誤的解決方法
- 如何屏蔽動易后臺導(dǎo)航里的某個功能菜單?
- 動易.NET版本留言自動選定欄目方法
- 動易SiteFactoty整合Discuz!NT3.0
- 在任意位置獲取根節(jié)點ID標簽
- 如何開啟SiteWeaver6.8的支持,反對功能
- Windows 2008安裝動易.NET系統(tǒng)之四----動易系統(tǒng)安裝篇
- Windows 2008安裝動易.NET系統(tǒng)之三----數(shù)據(jù)庫篇
- Windows 2008安裝動易.NET系統(tǒng)之二----IIS、目錄環(huán)境配置篇
- 數(shù)據(jù)庫修復(fù),SQL Server 2005內(nèi)部操作不一致的處理
- 如何安裝動易.net程序權(quán)限配置
- 為什么提示對Windows系統(tǒng)文件夾下的Temp目錄沒有訪問權(quán)限?
- 相關(guān)鏈接:
- 教程說明:
動易Cms教程-網(wǎng)頁教程:CSS中文教程(6)
。