1 有序列表、無序列表筐咧、自定義列表如何使用鸯旁？寫個(gè)簡單的例子。三者在語義上有什么區(qū)別嗜浮？在哪些情況下使用哪種（重要）羡亩？ 如何嵌套？

• 有序列表 使用編號(hào)來記錄項(xiàng)目順序 【適用于有先后順序的項(xiàng)目】
  <ol>
  <li>第一行</li>
  <li>第二行</li>
  <li>第三行</li>
  </ol>
  tip有序列表在margin：0和padding：0的情況下危融，和無序列表效果相同
• 無序列表 使用符號(hào)來記錄無序項(xiàng)目【適用于并列項(xiàng)目】
  <ul>
  <li>行行行</li>
  <li>行行行</li>
  <li>行行行</li>
  </ul>
• 自定義列表 由定義條件和定義描述組成【適用于需要解釋的項(xiàng)目】
  <dl>
  <dt>列表項(xiàng)</dt>
  <dd>內(nèi)容</dd>
  <dt>列表項(xiàng)</dt>
  <dd>內(nèi)容</dd>
  </ul>
• 嵌套
  <ul>
  <li>font
  <ul>
  <li>font-family</li>
  <li>font-size</li>
  <li>font-style</li>
  </ul>
  </li>
  <li>border
  <ul>
  <li>border-color</li>
  <li>border-width</li>
  <li>border-style</li>
  </ul>
  </li>
  <li>margin
  <ul>
  <li>margin-left</li>
  <li>margin-right</li>
  <li>margin-top</li>
  <li>margin-bottom</li>
  </ul>
  </li>
  </ul>
  tip：先把外層列表寫好畏铆，再往里面嵌套下一層

2 如何去除列表前面的點(diǎn)或者數(shù)字？

• 使用list-style屬性
  ol , ul{
  list-style: none;
  }

3 class 和 id 有什么區(qū)別吉殃？什么時(shí)候用 class 什么時(shí)候用 id辞居？

| 選擇器 | id|class |
| ---------- :|---------|----|
| 區(qū)別 | 標(biāo)有特定id的某個(gè)元素(唯一性) |定義頁面中某類元素(普遍性)|
| 語義 | 先定義元素再描述樣式 |先描述樣式再套給元素|
| 場景 | 外圍結(jié)構(gòu)用于頁面布局（for JS） |結(jié)構(gòu)內(nèi)部用于定義樣式（for CSS）|
| 復(fù)用 |只出現(xiàn)一次 |可多次使用|
| 權(quán)重 |高 |低|
| 前綴 | # |.|

4 塊級元素楷怒、行內(nèi)元素是什么？有什么區(qū)別瓦灶？分別對應(yīng)哪些常用標(biāo)簽鸠删？

W3C盒模型

5 display: block、display: inline碉怔、display: inline-block分別有什么作用?

• display: block 以塊級元素方式渲染（上下排列）
• display: inline 以行內(nèi)元素方式渲染（左右排列）
• display: inline-block 以行內(nèi)元素方式渲染（左右排列）烘贴，但是又有塊級元素的特點(diǎn)（height+padding+margin）

6 下面代碼是做什么的？抄寫一遍下面的代碼撮胧，注意class和id的使用及命名方式

代碼

7 如何理解 HTML CSS 語義化? 在平時(shí)寫代碼的過程中要注意哪些細(xì)節(jié)

根據(jù)內(nèi)容的結(jié)構(gòu)（內(nèi)容語義化）桨踪，選擇合適的標(biāo)簽（代碼語義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí)讓瀏覽器的爬蟲和機(jī)器很好地解析。

HTML語義化注意事項(xiàng)

8 form表單有什么作用芹啥？有哪些常用的input 標(biāo)簽锻离，分別有什么作用？

• 格式
  <form name="myForm" action="/test/6.php" method="get">
  <input name="user" type="test"/>
  <input type="submit" value="提交“>
  </form>
• 作用
  用于把用戶輸入的數(shù)據(jù)提交到后臺(tái)
  name表單提交時(shí)的名稱
  action提交到的地址
  method提交方式（get/post）
• 常用標(biāo)簽
  text文本框（輸入文字）
  <input name="myname" type="text" placeholder="ffff" maxlenght="20" disabled/>
  password密碼框（密碼被掩蓋）
  <input name="pwd" type="password" placeholder="密碼"/>
  radio單選按鈕
  <input type="radio" name="sex" value="male"/>男
  <input type="radio" name="sex" value="female"/>女
  checkbox復(fù)選按鈕
  <input type="checkbox" name="bike" checked/>自行車
  <input type="checkbox" name="car"/>汽車
  submit提交按鈕
  <input name="submit" type="submit" value="提交"/>
  textarea文本域墓怀，用于輸入多行文本
  <textarea name="comment"maxlength="200"placeholder="ddd</textarea>
  hidden隱藏域（不可見汽纠，提高安全性）
  <input type="hidden" name="url_delete" value="/delete.php" />
  <input type="hidden" name="csrf_token" value="123" />*
  select下拉選擇框
  <select name="color">
  <option value="red"/>紅</option>
  <option value="blue"/>藍(lán)</option>
  <option value="green"/>綠</option>
  </select>

9 post 和 get 方式的區(qū)別？

10 在input里疏虫，name 有什么作用？

name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí)啤呼，或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)卧秘。
注釋：只有設(shè)置了 name 屬性的表單元素才能在提交表單時(shí)傳遞它們的值。

11 <button>提交</button>官扣、<a class="btn" href="#">提交</a>翅敌、<input type="submit" value="提交">三者有什么區(qū)別？

<button>提交</button>提交按鈕惕蹄，需綁定時(shí)間才能生效
<a class="btn" href="#">提交</a>鏈接按鈕
<input type="submit" value="提交">提交按鈕蚯涮，用于表單內(nèi)

12radio 如何 分組?

name相同的為一組

13 placeholder 屬性有什么作用?

輸入框里默認(rèn)顯示的文本

14type=hidden隱藏域有什么作用? 舉例說明

• 暫存數(shù)據(jù)
• 確定用戶身份，提高安全性
  <input type="hidden" name="a" value="2016"/>