一、塊元素與div標簽

div是一個塊元素，塊元素會獨占一行，無論它的內容有多少，都會獨占一整行。

類似的塊元素還有：<p>、<h1>、<h2>、<h3> ·······

然而，<div>標簽沒有任何語義，就是一個純粹的塊元素，并且不會為它里面的內容設置任何默認樣式。它的作用主要是對頁面進行布局的。

二、內聯元素

內聯元素也叫“行內元素”，相對于塊元素來說，行內元素不會獨占一行，只會占用自身內容大小。當一行容納不下便會自動換行。

類似的行內元素還有：<a>、<img>、<iframe> ·······、<span>

2.1 span標簽

span沒有任何語義，一般專門用來選中文本，以便為文字設置樣式。

三、塊元素與內聯元素的使用規則

塊元素主要用來做頁面的布局，內聯元素主要用來選中文本設置樣式。

一般情況下只使用塊元素去包含內聯元素，而不會使用內聯元素包含塊元素。

a標簽除了它本身之外，可以包含其他任何（塊元素或內聯元素）元素。

p標簽不可以包含任何（包括它本身）塊元素。

?

總結

以上是生活随笔為你收集整理的HTMLCSS————块元素与内联元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。