[TOC] >[success] # 標簽元素三種分類 ~~~ 1.塊級元素 -- block 2.行內元素 -- inline 3.行內塊 -- inline-block ~~~ >[danger] ##### 塊級元素 ~~~ 1.每個塊元素通常都會獨自占據一整行或多整行，可以對其設置寬度、高度、對齊 等屬性，常用于網頁布局和網頁結構的搭建 2.常見的塊元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>標簽 是最典型的塊元素。 ~~~ * 特點 ~~~ （1）總是從新行開始 （2）高度，行高、外邊距以及內邊距都可以控制。 ※（3）寬度默認是容器的100% （4）可以容納內聯元素和其他塊元素。 ~~~ >[danger] ##### 行內元素 ~~~ 1.行內元素（內聯元素）不占有獨立的區域，僅僅靠自身的字體大小和圖像尺寸來 支撐結構，一般不可以設置寬度、高度、對齊等屬性，常用于控制頁面中文本的 樣式。 2.常見的行內元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、 <u>、<span>等，其中<span>標簽最典型的行內元素。 ~~~ * 特點 ~~~ （1）和相鄰行內元素在一行上。 ※（2）高、寬無效，但水平方向的padding和margin可以設置，垂直方向的無效。 （3）默認寬度就是它本身內容的寬度。 （4）行內元素只能容納文本或則其他行內元素。（a特殊） ~~~ >[danger] ##### 行內塊 ~~~ 1.在行內元素中有幾個特殊的標簽——<img />、<input />、<td>，可以對它們設 置寬高和對齊屬性。 ~~~ * 特點 ~~~ （1）和相鄰行內元素（行內塊）在一行上,但是之間會有空白縫隙。 （2）默認寬度就是它本身內容的寬度。 （3）高度，行高、外邊距以及內邊距都可以控制。 ~~~ >[danger] ##### 注意點 ~~~ 1. 只有 文字才 能組成段落 因此 p 里面不能放塊級元素，同理還有這些標簽h1,h2,h3,h4,h5,h6,dt，他們都是文字類塊級標簽，里面不能放其他塊級元素。 2. 鏈接里面不能再放鏈接。 ~~~