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 属性规定元素的哪一侧不允许其他浮动元素。