1. 有序列表、無序列表、自定義列表如何使用？寫個簡單的例子。三者在語義上有什么區別？使用場景是什么？ 能否嵌套？
- 有序列表是以數字進行標記的列表項目：
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
- 無序列表是以原點標記的列表項目：
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
- 自定義列表所表示的項目加注釋的組合:
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
2. 如何去除列表前面的點或者數字？
ul li {
list-style-type: none;
}
3. class 和 id 有什么區別？什么時候用 class 什么時候用 id？
- ID具有唯一性，Class具有普遍性。
- ID是唯一的，通常用于頁面布局。
- Class是可重復的，通常用于樣式定義。
- ID的樣式優先級高于Class。
4. 塊級元素、行內元素是什么？有什么區別？分別對應哪些常用標簽？
- 塊級元素在瀏覽器顯示時，通常會以新行來開始（和結束）。
行內元素（內聯元素）在顯示時通常不會以新行開始。 - 塊級元素可以設置 width, height屬性，行內元素設置width, height無效。
- 塊級元素可以設置margin和padding。行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產生邊距效果，但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果。
塊級元素標簽:div, p,form,ul,li,ol,dl,form,address,fieldset,hr,menu, table。
行內元素標簽:span,strong, em,br,img,input,label,select,textarea, cite。 - (X)HTML中的 < img>、<input>、<textarea>、<select>、<object>都是替換元素。這些元素往往沒有實際的內容，即是一個空元素。
如：
<input type="submit" name="Submit" value="提交"/>
替換元素一般有內在尺寸，所以具有width和height，可以設定。例如你不指定img的width和height時，就按其內在尺寸顯示，也就是圖片被保存的時候的寬度和高度。
對于表單元素，瀏覽器也有默認的樣式，包括寬度和高度。
5. display: block、display: inline、display: inline-block分別有什么作用?
- display:block:此元素將顯示為塊級元素，此元素前后會帶有換行符。
- display:inline:此元素會被顯示為內聯元素，元素前后沒有換行符。
- display:inline-block:將對象呈遞為內聯對象，但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內，允許空格。
6. 下面代碼的作用?
<div id="header">
</div>
<div id="content">
<div class="main"></div>
<div class="aside"></div>
</div>
<div id="footer">
</div>
這段代碼通過使用id，class對div模塊進行布局，讓頁面呈現為頁頭，內容，頁尾，并且在內容中分為側欄和主欄部分。而在頁面中，header，content，footer僅會出現一次，故用id標記，而content為了后期方便修改，用class標記。
7. 如何理解 HTML CSS 語義化?
- 搜索引擎優化
語義化能夠使得搜索引擎進行搜索是更好讀懂我們的頁面內容 - 用戶體驗
去除Css樣式后也不影響開發者所要表達的頁面內容 - 開發效率
富含語義的網頁結構對前期開發和后期修補bug都有顯著作用
