行內元素:
內容多少就占多大的空間
與其他行內元素並排
不能設置寬高,默認寬度就是文字的寬度
塊元素:
不管內容多少,總是在瀏覽器中獨占一行。
可設置寬高,如果不設置寬高那寬度是100%
行內塊元素:共享一行,可設置寬高,多個行內元素排列在一起
塊級元素和行內元素的分類:
在HTML的角度來講,標簽分為:
文本級標簽:p span a b i u em
容器級標簽:div h系列 li dt dd
p:里面只能存放圖片和文字和表單元素,p里面不能放ul,也不能放p
行內元素:除了p之外,所有的文本級標簽,都是行內元素,p除外,它是文本級標簽,但是是個塊級元素
塊級元素:所有的容器級標簽都是塊級元素,以及p標簽。
塊級元素和行內元素相互轉換:
通過display屬性
display:inline; //轉換成行內元素
display:block;//將行內元素轉換成塊級元素