1.有序列表、無序列表、自定義列表如何使用？寫個(gè)簡單的例子。三者在語義上有什么區(qū)別？在哪些情況下使用哪種（重要）？ 如何嵌套？
| 列表 | 解釋 |
|---|---|
| 有序列表 | 每項(xiàng)之間有先后順序one by one |
| 無序列表 | 每項(xiàng)之間無先后順序并列關(guān)系可調(diào)換位置(用的最多) |
| 自定義列表 | 表示 dt(列表頭)對(duì)dd(列表內(nèi)容)概括或具有父子屬性關(guān)系等 |
分塊，先大后小把項(xiàng)目分成幾大塊然后在大塊里面填充小塊，有點(diǎn)樹狀圖的感覺
2.如何去除列表前面的點(diǎn)或者數(shù)字？
加代碼
list-style: none
3.class 和 id 有什么區(qū)別？什么時(shí)候用 class 什么時(shí)候用 id？
相同點(diǎn)：可用于任何元素
不同點(diǎn)：ID選擇器只能在文檔中使用一次，class可多次；可以使用類選擇器詞列表方法為一個(gè)元素同時(shí)設(shè)置多個(gè)樣式，ID選擇器是不可以的。
4.塊級(jí)元素、行內(nèi)元素是什么？有什么區(qū)別？分別對(duì)應(yīng)哪些常用標(biāo)簽？
- 塊級(jí)元素
1、每個(gè)塊級(jí)元素都從新的一行開始，并且其后的元素也另起一行。
2、元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。
3、元素寬度在不設(shè)置的情況下，是它本身父容器的100%（和父元素的寬度一致），除非設(shè)定一個(gè)寬度。
<div>、 <p>、<h1>、<form>、<ul> 、 <li>就是塊級(jí)元素
- 行內(nèi)元素
1、和其他元素都在一行上，排滿了才會(huì)倒下一行。
2、元素的高度、寬度及頂部和底部邊距不可設(shè)置。
3、元素的寬度就是它包含的文字或圖片的寬度，不可改變。
<span>、<a>、<label>、 <strong>、 <em>就是行內(nèi)元素。
5.display: block、display: inline、display: inline-block分別有什么作用?
| 元素轉(zhuǎn)換 | 作用 |
|---|---|
| display: block | 將元素呈現(xiàn)為塊級(jí)元素，使一些內(nèi)聯(lián)元素有塊級(jí)元素的特性設(shè)置高寬等等。 |
| display: inline | 將元素呈現(xiàn)為內(nèi)聯(lián)元素，前后不帶換行符。 |
| display: inline-block | 應(yīng)用此特性的元素呈現(xiàn)為內(nèi)聯(lián)對(duì)象，周圍元素保持在同一行，但可以設(shè)置寬度和高度地塊元素的屬性。 |
[display:inline、block、inline-block的區(qū)別]
6.下面代碼是做什么的？抄寫一遍下面的代碼，注意class和id的使用及命名方式
7.如何理解 HTML CSS 語義化? 在平時(shí)寫代碼的過程中要注意哪些細(xì)節(jié)
給某塊內(nèi)容用上一個(gè)最恰當(dāng)最合適的標(biāo)簽，這樣一來，不管是誰都能看懂這塊內(nèi)容是什么。利于后期的維護(hù)和修改，提高團(tuán)隊(duì)合作效率。
平常寫代碼不要用拼音，注意保持自己的風(fēng)格形成習(xí)慣，HTML每個(gè)標(biāo)簽都有自己的語義，都有自己適用的范圍。但往往會(huì)被我們忽略或者被我們?yōu)E用，不要都是div到底。
8.form表單有什么作用？有哪些常用的input 標(biāo)簽，分別有什么作用？
1.用于向服務(wù)器上傳用戶提交的信息，向服務(wù)器請(qǐng)求到自己所需要的內(nèi)容。
<input type="text">輸入文本比如輸入用戶名
<input type="password" 輸入密碼>
<input type="checkbox" 多選選項(xiàng)>
<input type="radio" 單選選項(xiàng)>
<input type="hidden" 隱藏?cái)?shù)據(jù)，用于安全>
<input type="submit" 提交>
<input type="file" 上傳文件>
<input type="rest" 重置>
9.post 和 get 方式的區(qū)別？
1.數(shù)據(jù)提交方式不同：get提交的數(shù)據(jù)url上能看到，post不能。
2.get一般用于提交少量數(shù)據(jù)，post用于提交大量數(shù)據(jù)。
3.get提交的數(shù)據(jù)大小不大于1k，瀏覽器的限制；post理論上來說無限制，受服務(wù)器限制。
4.get提交的數(shù)據(jù)再瀏覽器歷史記錄中，安全性不好。
10.在input里，name 有什么作用？
與服務(wù)器交換數(shù)據(jù)的標(biāo)識(shí)。
11.1.<button>提交</button> 2.<a class="btn" href="#">提交</a>、 3.<input type="submit" value="提交">三者有什么區(qū)別？
1就只是頁面上的一個(gè)提交按鈕形狀，2是點(diǎn)擊后是個(gè)a鏈接還是在本頁面，沒什么作用，3是把用戶輸入的數(shù)據(jù)提交到了服務(wù)器
12.radio 如何分組?
設(shè)置同一個(gè)
name,可產(chǎn)生單選效果。
apple:<input type="radio" name="apple" value="iphone6s">iphone6s <input type="radio" name="apple" value="iphone6">iphone6
1.placeholder 屬性有什么作用?
設(shè)置輸入字段預(yù)期值的提示信息，該提示會(huì)在輸入字段為空時(shí)顯示，并會(huì)在字段獲得焦點(diǎn)時(shí)消失
13.type=hidden隱藏域有什么作用? 舉例說明
其作用為暫存數(shù)據(jù)或用于安全校驗(yàn)使用；
在用戶再打開的頁面埋個(gè)數(shù)字段（后臺(tái)即時(shí)生成每次不一樣），當(dāng)提交的時(shí)候會(huì)一起提交到后臺(tái)，一致了后臺(tái)就會(huì)認(rèn)可是本人提交的信息，不一致或者沒有后臺(tái)就不會(huì)接受你的請(qǐng)求。
本教程版權(quán)歸 饑人谷_Josh和饑人谷所有，轉(zhuǎn)載須說明來源