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

答：

QQ截圖20160921191242.png

語義上的區(qū)別：有序列表有編號(hào)（比如默認(rèn)的1，2......）來排列列表項(xiàng)目的內(nèi)容；無序列表有粗體實(shí)心黑圓圈來排列列表項(xiàng)目，自定義列表分為列表項(xiàng)目和項(xiàng)目描述；
在列表有明顯的順序的情況下使用有序列表，在列表項(xiàng)目并列的情況下試用無序列表，比如網(wǎng)站的導(dǎo)航條，自定義列表與無序列表用法差不多，但會(huì)比無序列表便捷一點(diǎn)。
嵌套：

QQ截圖20160921194131.png

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

答：使用list-style:none去除。

3.class 和 id 有什么區(qū)別？什么時(shí)候用 class 什么時(shí)候用 id？####

答：class定義一類元素，而id定義獨(dú)一無二的元素，id的優(yōu)先級要高于class。一個(gè)html的頭、內(nèi)容和尾部這些獨(dú)特的用id，同類元素用class，盡量少用id。

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

答：塊級元素占用的是一整行，而行內(nèi)元素占用的是它自身內(nèi)容的寬度，塊級元素不能同行排列，而行內(nèi)元素是一并排列的；行內(nèi)元素設(shè)置寬高對它自身沒有影響，而塊級元素可以設(shè)置寬高，塊級元素可以設(shè)置padding和margin，而padding-top、padding-bottom、margin-top和margin-bottom對其沒有影響。

Paste_Image.png

5.display: block、display: inline、display: inline-block分別有什么作用?####

答：display:block定義元素為塊級元素；display:inline定義元素為行內(nèi)元素；display:inline-block定義元素為行內(nèi)塊元素，可以使元素定義margin，width等，又可以使元素不換行。

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

QQ截圖20160921214210.png

這個(gè)代碼做了一個(gè)最基本的網(wǎng)頁布局，值得注意的是｛width:900px;margin:0 auto;｝這段代碼表示當(dāng)寬度大于900px時(shí)，左右則根據(jù)寬度自適應(yīng)相同值實(shí)現(xiàn)居中，當(dāng)小于900px時(shí)，會(huì)出現(xiàn)滑條，且塊內(nèi)元素緊貼瀏覽器邊框。

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

答：語義化是指根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語義化），選擇合適的標(biāo)簽（代碼語義化），便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí)，讓瀏覽器的爬蟲和機(jī)器很好的解析。在平時(shí)寫代碼時(shí)要注意命名以及大小寫，還要注意標(biāo)簽的合理使用等。

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

答：form表單將用戶提交的數(shù)據(jù)交到后臺(tái)；
<imput type="text">用于文本輸入的單行輸入字段（默認(rèn)只有20字符）；
<input type="password">用于輸入密碼；
<input type="radio">用于創(chuàng)建單選按鈕；
<input type="checkbox">用于創(chuàng)建復(fù)選框,加入checked會(huì)默認(rèn)選取哪個(gè)；
<input type="hidden">隱藏域，用于隱藏?cái)?shù)據(jù)，可作為緩存以及校驗(yàn)；
<textarea>文本域，用于寫入多行文本；
<select><option>定義下拉列表，加上selected可以默認(rèn)選取哪個(gè)；

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

答：1.數(shù)據(jù)提交方式不同，get提交的數(shù)據(jù)會(huì)出現(xiàn)在url中，而post是看不見的；2.get用于提交少量數(shù)據(jù)，而post用于提交大量數(shù)據(jù)；3.get最多提交1K的數(shù)據(jù)，post理論上沒限制，受服務(wù)器控制；4.get提交的數(shù)據(jù)在瀏覽器記錄里看的到，安全性不好。

10.在input里，name 有什么作用？####

答：name 屬性規(guī)定 input 元素的名稱，name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí)，或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。

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

答：<button> 標(biāo)簽定義一個(gè)按鈕,在 button 元素內(nèi)部，你可以放置內(nèi)容，比如文本或圖像，這是該元素與使用 input 元素創(chuàng)建的按鈕之間的不同之處。但是如果在 HTML 表單中使用 button 元素，不同的瀏覽器會(huì)提交不同的值；<a class="btn" href="#">提交</a>這是鏈接，點(diǎn)上去會(huì)轉(zhuǎn)到相應(yīng)的頁面，沒有提交數(shù)據(jù)；<input type="submit" value="提交"> 可以將表單的數(shù)據(jù)提交給后臺(tái)。

12.radio 如何 分組?####

答：radio中name相同的可以實(shí)現(xiàn)單選，且要給value值。

13.placeholder 屬性有什么作用?####

答：placeholder屬性可描述提供輸入字段預(yù)期值的提示信息，該提示會(huì)在輸入字段為空時(shí)顯示，并會(huì)在字段獲得焦點(diǎn)時(shí)消失。

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

答：隱藏域用戶看不到，可以用作緩存數(shù)據(jù)和安全校驗(yàn)
下圖的secret極為隱藏域。

Paste_Image.png