1.有序列表、無(wú)序列表、自定義列表如何使用？寫(xiě)個(gè)簡(jiǎn)單的例子。三者在語(yǔ)義上有什么區(qū)別？在哪些情況下使用哪種（重要）？ 如何嵌套？
答：有序列表用來(lái)表示有明顯順序的項(xiàng)目：在ol標(biāo)簽里包含若干li。無(wú)序列表用來(lái)表示級(jí)別程度類似的項(xiàng)目：在ul標(biāo)簽里包含若干li。自定義列表在語(yǔ)義上表達(dá)需要自行定義并給出解釋的項(xiàng)目：以dl標(biāo)簽開(kāi)始，dt表示列表項(xiàng)，每一項(xiàng)的定義則是標(biāo)簽dd。
三種列表方式的代碼及展示
2.如何去除列表前面的點(diǎn)或者數(shù)字？
答：針對(duì)ol或ul標(biāo)簽寫(xiě)樣式：list-style:none.
<style type="text/css">
li{list-style:none;}
</style>```
####3.class 和 id 有什么區(qū)別？什么時(shí)候用 class 什么時(shí)候用 id？
答：class 可以在樣式表內(nèi)被多次引用，ID只能被使用一次。在頁(yè)面分區(qū)時(shí)某些只能使用一次的區(qū)塊元素使用id標(biāo)記，而class更多的是標(biāo)記那些比較通用的元素。一般不會(huì)隨便使用id選擇器。
####4.塊級(jí)元素、行內(nèi)元素是什么？有什么區(qū)別？分別對(duì)應(yīng)哪些常用標(biāo)簽？
答：
* 塊級(jí)元素占用空間是一整行并且不能在一行之內(nèi)顯示。
例如div ,p,ul,ol,li等。
* 行內(nèi)元素是占用它自身的寬度卻可以在一排之內(nèi)顯示對(duì)于他們來(lái)說(shuō)手動(dòng)設(shè)置寬高是無(wú)效的。但為行內(nèi)元素添加左右margin padding是有效 的，而上下不占據(jù)空間。如：span,a等。
####5.display: block、display: inline、display: inline-block分別有什么作用?
答：display ：block-以塊級(jí)元素的方式去展示 display：inline -以行內(nèi)元素方式去展示 display：inline-block元素既能在行內(nèi)排列又能體現(xiàn)塊級(jí)元素特性。比如對(duì)于一個(gè)a標(biāo)簽，既想對(duì)它定義高寬度，又不想讓其換行時(shí)可以使用。
####7.如何理解 HTML CSS 語(yǔ)義化? 在平時(shí)寫(xiě)代碼的過(guò)程中要注意哪些細(xì)節(jié)
答：在平時(shí)寫(xiě)代碼的時(shí)候，如何定義每個(gè)類的名稱是比較困難的一件事情。我們要盡量養(yǎng)成自己簡(jiǎn)潔統(tǒng)一的風(fēng)格，比如用下劃線就連接兩個(gè)單詞就一直這樣做等等。不要用拼音縮寫(xiě)等等不專業(yè)不規(guī)范的寫(xiě)法。語(yǔ)義化的出現(xiàn)會(huì)讓有些時(shí)候減少命名的困擾，因?yàn)檎Z(yǔ)義化可以在讀代碼時(shí)候給我們指引。
####8.form表單有什么作用？有哪些常用的input 標(biāo)簽，分別有什么作用？
答： 將用戶提交的數(shù)據(jù)放到后臺(tái)。常見(jiàn)的input標(biāo)簽有以下幾個(gè)例子：
<input type="text">：輸入
<input type="submit" >：提交
<input type="password">: 輸入密碼
<input type="checkbox" >：多選選項(xiàng)
<input type="radio" >：?jiǎn)芜x選項(xiàng)
<input type="hidden" >：隱藏
####9.post 和 get 方式的區(qū)別？
答：post 可以傳輸大量數(shù)據(jù)，主要用于更新資源信息并且安全性高。而get由于受到瀏覽器的限制只能提交1K以下的數(shù)據(jù)，并且提交的數(shù)據(jù)Url上能被看到。
####10.在input里，name 有什么作用？
答：name就像是名字，作為可與服務(wù)器交互數(shù)據(jù)的HTML元素的服務(wù)器端的標(biāo)示。
####11.<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交"> 三者有什么區(qū)別？
答：①第一種是做了一個(gè)按鈕形狀，但是不會(huì)點(diǎn)開(kāi)鏈接。②使用a標(biāo)簽做了一個(gè)鏈接，href="#”點(diǎn)開(kāi)還是在本頁(yè)面。③可以將用戶輸入后的文本數(shù)據(jù)上傳到服務(wù)器。
####12.radio 如何 分組?
答：通過(guò)name值的設(shè)置，name相同的radio被認(rèn)為是同一組，實(shí)現(xiàn)單選效果。
####13.placeholder 屬性有什么作用?
答：在用戶輸入文本信息的時(shí)候，placeholder屬性顧名思義會(huì)在文本框里顯示提示的信息。當(dāng)用戶輸入時(shí)提示信息會(huì)被隱藏。
``` <input type="text" name="first_name" placeholder="用戶名..." />```
####14.type=hidden隱藏域有什么作用? 舉例說(shuō)明
答：隱藏域在頁(yè)面里不會(huì)被看到，但是存在源代碼中，用于安全校驗(yàn)。eg：name=“number” value=“12345678”服務(wù)器會(huì)將這組數(shù)字對(duì)比是否一致以用來(lái)確認(rèn)是否為本人操作。
****
****本教程版權(quán)歸饑人谷_鬼腳七和饑人谷所有，轉(zhuǎn)載須說(shuō)明來(lái)源****