html組件基本屬性整理

組件屬性多而繁雜，這裏羅列了一些常用的屬性。

核心屬性 (Core Attributes)

以下標籤不提供下面的屬性：base、head、html、meta、param、script、style 以及 title 元素。

屬性	值	描述
class	classname	規定元素的類名（classname）
id	id	規定元素的唯一 id
style	style_definition	規定元素的行內樣式（inline style）
title	text	規定元素的額外信息（可在工具提示中顯示）

語言屬性 (Language Attributes)

以下標籤不提供下面的屬性：base、br、frame、frameset、hr、iframe、param 以及 script 元素。

屬性	值	描述
dir	ltr | rtl	設置元素中內容的文本方向。
lang	language_code	設置元素中內容的語言代碼。語言代碼參考
xml:lang	language_code	設置 XHTML 文檔中元素內容的語言代碼。語言代碼參考

鍵盤屬性 (Keyboard Attributes)

屬性	值	描述
accesskey	character	設置訪問元素的鍵盤快捷鍵。
tabindex	number	設置元素的 Tab 鍵控制次序。

框模型屬性

屬性	值	描述
margin	有4個值,即上、下、左、右邊距 例如margin:1px 2px 3px 4px margin:1px 2px 3px 未設置的邊距默認爲0，前後依次 對應爲上右下左	設置外圍邊距
margin-left	設置元素的左外邊距。
magin-right		設置元素的右外邊距
margin-bottom		設置元素的下外邊距
margin-top		設置元素的上外邊距
padding	同樣有4個值，先後依次爲上右下 左	設置元素的內邊距（註釋：內邊距是元素內的 內容在元素內的相對邊距）
……	……	……(省略padding-left、padding-right、padding-top、padd ing-bottom)

定位屬性

屬性	值	描述
position	absolute或relative	設置標籤和父標籤的位置關係（相對關係或者絕對關係）
left	number  px	元素從原始左側位置加上number px位置，即向右移number像素位置 （number可<0,即往左移）
right	number  px	與上面相反
top	number  px	從原始上側位置加上number px位置，即向下移number像素
bottom	number  px	從原始下側位置加上number px位置，即向上移number像素

                             

                                                                                                 Relative

           

                                                                                              absolute

絕對定位的元素的位置相對於最近的已定位祖先元素，如果元素沒有已定位的祖先元素，那麼它的位置相對於最初的包含塊（即body）。

屬性	值	描述
float	left：元素向左浮動 right：元素向右浮動 none：默認值元素不浮動 inherit：規定應該從父元素 繼承 float 屬性的值。	float  屬性定義元素在哪個方向浮動 以往這個屬性總應用於圖像，使文本圍繞在圖像周圍，不過在 CSS 中，任何元素都可以浮動。浮動元素會生成一個塊級框，而不論它本身是何種元素。 如果浮動非替換元素，則要指定一個明確的寬度；否則，它們會儘可能地窄。
clear	left:左邊不允許浮動元素 right：右邊不允許浮動元素 both:兩側都不允許浮動元素 none：兩次都允許浮動元素 inherit：繼承父類的clear值	clear 屬性規定元素的哪一側不允許其他浮動元素。