html元素分為三類：
塊元素，內聯元素(行內元素),可變元素注：html元素也可分為：塊元素，內聯元素，內聯塊狀元素
1.塊元素常見塊元素：
div,p,ul,ol,li,dl,dt,dd,table,tr,td,form,h1,h2,h3,h4,h5,h6,fieldset
塊狀元素特點：
a)塊元素以塊的形式顯示為乙個矩形區域，預設不設定寬度時，繼承父元素的寬度
b)塊元素預設情況下，獨佔一行，自上而下排列
c)塊元素可以定義自己的寬度和高度，以及盒模型中的任意屬性（margin，padding，border）
d)塊元素可以作為乙個容器容納其他的塊元素和內聯元素
2.內聯元素常見內聯元素：
a,span,strong,b,em,i,label,img,input,textarea,select
內聯元素特點：a)內聯元素也顯示為乙個矩形區域，但是寬高由內容來決定
b)內聯元素預設情況下在一行逐個進行顯示
c)內聯元素不能定義自己的寬度和高度，可以定義與寬度相關的屬性(左右margin，左右padding等)，不可以定義與高度相關的一下屬性（上下margin，上下padding，line-height等）
d)內聯元素只能巢狀內聯元素，不能巢狀塊元素
常見內聯塊元素：img,input,textarea,select
內聯塊狀元素特點：a)即具有內聯元素特點：在一行逐個進行顯示
b)又具有塊元素的特點：可以定義寬高以及盒模型中的任意屬性
注：vertical-align屬性只針對這型別元素設定有效
預設有margin，padding或border的元素body 預設margin
h1-h6 預設margin
p 預設margin
ul,ol 預設margin和padding
dl 預設margin
dd 預設margin
input 預設border和padding
select 預設border
textarea 預設padding和border
td 預設padding
3.可變元素根據上下文關係決定元素型別
語法：display:block|inline-block|inline|none|list-item;
1.display:block;
將元素轉換塊元素，是大部分塊元素的預設display屬性值
注：當元素設定了float屬性後，就等同於轉換為塊元素
2.display:inline-block;
將元素轉換為內聯塊元素，是img，input這型別元素的預設display屬性值
3.display:inline;
將元素轉換為內聯元素，是a，span等內聯元素的預設display屬性值
4.display:none;
將元素隱藏不可見
★ display:none;和overflow:hidden;的區別
display:none;是將元素整個隱藏不可見，overflow:hidden;是將溢位部分隱藏不可見，沒有溢位的部分正常顯示
5.display:list-item;
將元素轉換為列表項，是li的預設display屬性值
1.置換元素瀏覽器根據元素的標籤和屬性，來決定元素的具體顯示內容。例如：
img標籤的src屬性值決定了在網頁中顯示不同的
input標籤的type屬性值決定了在網頁中呈現不同型別的input控制項
2.非置換元素除了置換元素，大部分html元素都是非置換元素，其內容直接顯示在瀏覽器中
HTML元素型別
1.塊級元素可以巢狀內聯元素及某些替換元素 2.內聯元素只能包含內聯元素 html各種標籤 元素 要麼是block 塊元素 要麼是inline 內聯元素 block元素的特點 inline元素的特點 通常作為其它元素的容器，它可以容納內聯元素和其它塊元素。塊元素 block element html...
HTML元素型別
大多數 html 元素被定義為塊級元素或內聯元素 行內元素 塊級元素 div p form,ul,li ol,dl,form,address,fieldset,hr,menu,table 內聯元素 span,strong,em,br,img input,label,select,textarea,c...
根據html元素的型別設定元素的值
獲取input select checkbox radio的值 param id param nodeattribute param str valuestr或valuenum 不填預設valuestr function getfromhtml id,nodeattribute,str else e...