一、有序列表、無序列表、自定義列表如何使用？寫個簡單的例子。三者在語義上有什么區(qū)別？在哪些情況下使用哪種（重要）？ 如何嵌套？
1.有序列表使用數(shù)字編號來記錄有序項目的順序；無序列表使用符號來記錄無序項目的順序；自定義列表由兩部分組成，定義條件和定義描述；
2.舉例說明：
3.區(qū)別：有序列表記錄有序項目的順序，不可以顛倒次序；無序列表定義無序項目的順序；自定義列表，定義條件和定義描述，會默認(rèn)前后層級關(guān)系；
4.答案同上；
5.如何嵌套：三種列表都可以相互嵌套；
二、如何去除列表前面的點或者數(shù)字？
1.設(shè)置li的樣式list-style:none;就可以去掉默認(rèn)的點和數(shù)字；
- list-style：none去掉默認(rèn)的點和數(shù)字；
- list-style：disc默認(rèn)的實心圓點；
- list-style：circle默認(rèn)的空心圓點；
- list-style：square標(biāo)記樣式變?yōu)閷嵭姆綁K；
- list-style：decimal標(biāo)記的是數(shù)字；
三、class 和 id 有什么區(qū)別？什么時候用 class 什么時候用 id？
1.區(qū)別：
- 在css中，id加前綴“#”；class前綴加“.”；
- 一個id在一個頁面中只能使用一次，class可以多次引用；
- id是一個標(biāo)簽，用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容，就像名字，如果一個屋子里出現(xiàn)兩個相同的名字，就會出現(xiàn)混淆；class是一個樣式，可以嵌套在任何結(jié)構(gòu)和內(nèi)容上，就像一件衣服；
- id在css的使用中是先找到結(jié)構(gòu)內(nèi)容在給它定義樣式；class是先定義好樣式，在套給多個結(jié)構(gòu)內(nèi)容；
- 當(dāng)JavaScript要修改一個標(biāo)簽的屬性時候，會將id作為該標(biāo)簽的唯一標(biāo)識進行操作；而如果JavaScript使用class來操作則可能也會操作其他的元素；
2.用法：id是唯一的，所以盡量在結(jié)構(gòu)外圍使用，通常用于結(jié)構(gòu)布局；class是某一類的，可以重復(fù)的，盡量在結(jié)構(gòu)內(nèi)部使用，通常用于樣式定義；
四、塊級元素、行內(nèi)元素是什么？有什么區(qū)別？分別對應(yīng)哪些常用標(biāo)簽？
- 塊級元素：元素從上到下垂直排列，各自獨占一行；可以用css樣式定義寬高；
- 行內(nèi)元素：元素在一行內(nèi)水平排列，高度由元素本身的內(nèi)容決定；
2.區(qū)別：
- 塊級元素獨占一行，行內(nèi)元素在同一行內(nèi)水平排列；
- 塊級元素可以設(shè)置元素的高度，行高，已經(jīng)內(nèi)外邊距；行內(nèi)元素的高度，行高已經(jīng)內(nèi)外邊距不可以改變；
- 塊級元素可以設(shè)置寬高；行內(nèi)元素不可以，只能用自身元素的大小；
- 塊級元素可以容納行內(nèi)元素和其他塊級元素；行內(nèi)元素只能容納自身的文本和其他的行內(nèi)元素；
3.常用標(biāo)簽：
- 塊級元素：address地址；div常用塊級容器；dl自定義列表；ol有序列表；ul無序列表；form表單；h1-h6第一級至第六級標(biāo)題；hr水平分割線；menu菜單列表；p段落；table表格；
- 行內(nèi)元素：a鏈接；br換行；em強調(diào)；i斜體；img圖片；input輸入框；label表格標(biāo)簽；small小字體；span常用內(nèi)聯(lián)容器，定義文本內(nèi)區(qū)塊；strong粗體強調(diào)；textarea多行文本輸入框；u下劃線；
五、display: block、display: inline、display: inline-block分別有什么作用?
1.display：block將元素定義為塊級元素，具有塊級元素的特征；
2.display：inline將元素定義為行內(nèi)元素，具有行內(nèi)元素的特征；
3.display：inline-block將元素定義為行內(nèi)塊元素，元素既有塊級元素的特征(可改變元素寬高等)也有行內(nèi)元素的特征（元素在一行內(nèi)水平排列）；
六、下面代碼是做什么的？抄寫一遍下面的代碼，注意class和id的使用及命名方式
1.3個id將頁面分成三大區(qū)塊，分別是頁面的頭部導(dǎo)航條，中間的內(nèi)容分側(cè)邊欄和中間主要內(nèi)容區(qū)塊，頁面的底部區(qū)塊；因為id是唯一的，所以通常用于結(jié)構(gòu)布局；3個相同的類選擇器定義了頁面區(qū)塊的樣式；三個區(qū)塊設(shè)置了寬度，并且規(guī)定了margin:0 auto；所以頁面的三個區(qū)塊寬度固定并且居中顯示；另外寫代碼一定要注重語義化，如header，content，footer分別表示頁面的頭部，內(nèi)容，底部；nav表示導(dǎo)航，aside表示側(cè)邊欄等；
七、如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細(xì)節(jié)？
1.如何理解語義化和注意細(xì)節(jié)：
語義化的含義就是用正確的標(biāo)簽做正確的事情，HTML代碼語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化，便于對瀏覽器、搜索引擎解析；在沒有樣式css的情況下也以一種文檔格式顯示，并且提高代碼的可讀性和維護性。搜索引擎的爬蟲依賴于標(biāo)記來確定上下文和關(guān)鍵字的權(quán)重，利于SEO。舉例說明，按鈕用<button>,輸入框用<input>等；還有css的id和class在命名的時候也盡量遵循語義化，命名盡量和元素的內(nèi)容相關(guān)，提高代碼的可讀性和維護性。
八、form表單有什么作用？有哪些常用的input 標(biāo)簽，分別有什么作用？
1.form的作用：向服務(wù)器提交數(shù)據(jù)，例如用戶名、密碼、回復(fù)的內(nèi)容等；
2.常用的input標(biāo)簽及作用：
- maxlength規(guī)定輸入字段中的字符的最大長度；
- name規(guī)定input元素的名字；
- placeholder輸入框的提示；
- value規(guī)定input元素的值；
- type規(guī)定input元素的類型；type的值又分多種：
- button 也是提交按鈕，只是如果不寫JavaScript控制它，按下去沒有什么效果；
- checkbox 復(fù)選框
- hidden 隱藏域，用戶看不到，用于暫存數(shù)據(jù)，或者安全校驗；
- password 輸入的是密碼，會顯示實心圓點；
- radio 單選框；
- submit 提交按鈕，點擊之后會提交form表單，頁面刷新；
- text 定義單行輸入框，一般用于姓名，用戶名，電子郵箱等；
- textarea 定義多行輸入框，可以在里面輸入多行文字，一般用于回帖；
九、post 和 get 方式的區(qū)別？
1.數(shù)據(jù)提交方式不同：get提交的數(shù)據(jù)url是可以看到的，post提交看不到；
2.get一般用于提交少量數(shù)據(jù)，post用于提交大量數(shù)據(jù)；
3.get最多提交1k數(shù)據(jù)，受瀏覽器的限制；post理論上沒有限制，受服務(wù)器的限制；
4.get提交的數(shù)據(jù)在瀏覽器的歷史記錄中，安全性不好；
十、在input里，name 有什么作用？
1.name屬性規(guī)定了input元素的名稱；
2.name屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進行標(biāo)識，或者在客戶端通過JavaScript引用表單數(shù)據(jù)；
3.只有在設(shè)置了name屬性的表單元素才能在提交表單時傳遞他們的值；
4.通俗來事就是：name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進行標(biāo)識，或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。
十一、<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交">三者有什么區(qū)別？
1.<button>提交</button> 也是提交按鈕，知識如果不寫JavaScript控制，按下去沒有什么效果；
2.<a class="btn" href="#">提交</a> 這是一個類名為“btn”的超鏈接，會打開里面的url，跟單純的按鈕功能不同，語義化不同；
3.<input type="submit" value="提交">這是form表單里面的提交按鈕，一般是在表單中使用，會將數(shù)據(jù)提交到服務(wù)器；
十二、radio 如何 分組?
1.radio定義單選按鈕，需要在radio中的name的值設(shè)置相同，就可以分組，實現(xiàn)單選效果；如果name值不同，就無法分組；
2.案例：
十三、placeholder 屬性有什么作用?
1.placeholder的值即是表單提示的內(nèi)容；
十四、type=hidden隱藏域有什么作用? 舉例說明
1.隱藏域，用戶看不到，但是實際存在，用于收集和發(fā)送信息；當(dāng)點擊提交時，隱藏域的信息一并被提交。由于多個表單每個都有隱藏域的存在，在發(fā)送信息時，也可以讓程序知道提交的是哪一個表單的數(shù)據(jù)。而且可以用于確定用戶身份，進行安全性校驗。
2.示例：
