（一）認識標籤屬性
首先我們得知道，入門怎麼入門？
第一、佈局
第二、寫樣式
| block(區塊元素) | inline(行內元素) | inline-block | |
|---|---|---|---|
| 差異 | 將整行容器空間占滿，所以會分行排列 | 與文字段落同行排列 | 效果同於float，同時具有block(區塊)和inline(行內)屬性 |
| 影響範圍 | 整行都可以點到 | 元素範圍以外點不到 | 元素範圍以外點不到 |
| 使用地方 | 使用手機點選按鈕、選單等需大範圍感應區域的元素 | a連結 | 元素並排 |
block: 區塊將整行空間占滿，後面元素往下行排
inline、inline-block：同行排列
WechatIMG115.png
常用的块状元素有：
| <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> |
|---|
常用的内联元素有：
| <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> |
|---|
常用的内联块状元素有：
| <img>、<input> |
|---|
這都是一些常用得元素，不過有css就能強制改變原來元素得屬性-display,這樣想偷懶得同學全部用div也是可以完成佈局
