[TOC] # html標簽分類 ## 塊元素 div,h1-h6,dl, table,p,li,ol,li... **特點** * 獨占一行 * 可以設置寬高 * 寬度是父集元素的寬度(嵌套關系) ## 行內元素 a,span,i,strong,em.... **特點:** * 所有的行內元素在一行上顯示 * 不能設置寬高,但是水平方向的padding和margin可以設置,垂直方向無效 * 寬度就是元素內容寬度 * 只能容納文本或者其他行內元素(a特殊) **注意:** 1. 只有文字才能組成段落,因此p里面不能再放塊元素,同理還有h1,h2,dt,他們都是文字類塊級標簽,里面不能放其他塊級元素 2. 鏈接里不能再放其他鏈接 ## 行內塊元素 img,input,td,span,a,u,b,i,strong **特點:** * 能設置寬高,行高以及內外邊距 * 在一行上顯示 * 和相鄰行內元素在一行,但是之間會有空白間隙 * 默認寬度就是本身內容的寬度 ## 元素之間的相互轉換 ~~~ display:block; 轉換成塊元素 display:inline; 轉換為行內元素 display:inline-block; 轉換為行內塊 ~~~  # 鏈接 ~~~ a:link{} a{} 鏈接未訪問的狀態 a:visited{} 鏈接訪問之后的狀態 a:hover{} 鼠標放上去顯示的狀態 A:active{} 鏈接激活的狀態 :focus{} 獲取焦點的方式 ~~~