-
有序列表止邮、無序列表谨履、自定義列表如何使用欢摄？寫個簡單的例子。三者在語義上有什么區(qū)別笋粟？在哪些情況下使用哪種（重要）怀挠？ 如何嵌套？
簡單實例：
Paste_Image.png
網(wǎng)頁顯示效果：
Paste_Image.png
有序列表有先后順序害捕，使用數(shù)字進(jìn)行標(biāo)記,有序列表始于 <0l> 標(biāo)簽绿淋。每個列表項始于<li> 標(biāo)簽。無序列表無先后順序尝盼，使用粗體圓點(diǎn)進(jìn)行標(biāo)記吞滞，無序列表始于 <ul> 標(biāo)簽。每個列表項始于 <li>盾沫。自定義列表中列表樣式可以自行設(shè)置裁赠，以 <dl> 標(biāo)簽開始。每個自定義列表項以 <dt> 開始赴精。每個自定義列表項的定義以 <dd> 開始佩捞。
關(guān)于列表嵌套，在需要添加新列表的位置添加代碼即可祖娘，如下圖：
Paste_Image.png
網(wǎng)頁顯示效果：
Paste_Image.png 如何去除列表前面的點(diǎn)或者數(shù)字失尖？
在寫樣式時添加<style type="text/css">list-style:none</style>即可。-
class 和 id 有什么區(qū)別渐苏？什么時候用 class 什么時候用 id掀潮？
- 同一個class可以用于多個標(biāo)簽屬性的設(shè)置，id只適用于某一個標(biāo)簽屬性的設(shè)置琼富；
- class在css樣式中以“.”來開頭命名仪吧，而id在CSS樣式定義的時候 以“#”來開頭命名；
- 出現(xiàn)重復(fù)定義時id的優(yōu)先級高于class鞠眉。
對于頁面上一個僅出現(xiàn)一次的標(biāo)記薯鼠，使用id會更合適。對于頁面中出現(xiàn)次數(shù)較多又可以統(tǒng)一設(shè)置樣式的標(biāo)簽可以用class械蹋。
塊級元素出皇、行內(nèi)元素是什么？有什么區(qū)別哗戈？分別對應(yīng)哪些常用標(biāo)簽郊艘？
塊級元素：塊級元素占用空間是一整行，高度寬度都是可以設(shè)置的。
行內(nèi)元素：行內(nèi)元素其寬度就是自身文字或者圖片的寬度纱注，高度寬度不可設(shè)置畏浆。
兩者的區(qū)別在于：
1. 占用的空間不同：塊級元素占用一整行，行內(nèi)元素占用其自身寬度狞贱；
2.可設(shè)置的參數(shù)不同：塊級元素可以設(shè)置寬高刻获，行內(nèi)元素不可以且塊級元素的padding&margin有效且占用空間，而行內(nèi)元素添加邊框或北京顏色是padding&margin可顯示瞎嬉，但是不占用空間蝎毡。
分別對應(yīng)的常用標(biāo)簽如下：
- 塊級元素：div、p氧枣、h1…h(huán)6顶掉、table、tr挑胸、ul、li宰闰、dl茬贵、dt、form 移袍；
- 行內(nèi)元素：a解藻、span、img葡盗、input螟左、button、em觅够、textarea 胶背。
- display: block、display: inline喘先、display: inline-block分別有什么作用?
- display: block 將元素顯示為塊級元素钳吟；
- display: inline 將元素顯示為行內(nèi)元素；
- display: inline-block 將元素呈現(xiàn)為行內(nèi)元素窘拯，但擁有可以設(shè)置寬度和高度的塊級元素屬性红且。
手抄代碼
.wrap 設(shè)置所有class 為wrap 的元素都執(zhí)行width 900px;margin:0 atuo，當(dāng)id 和class 同時出現(xiàn)時涤姊，id的優(yōu)先級高于class暇番。如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細(xì)節(jié)？
HTML 和CSS語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化思喊，便于對瀏覽器壁酬，搜索引擎解析，也可以方便開發(fā)和維護(hù)。
在平常寫代碼時應(yīng)該嚴(yán)格按照W3C制定的標(biāo)準(zhǔn)執(zhí)行厨喂，減少差異化和措。form表單有什么作用？有哪些常用的input 標(biāo)簽蜕煌，分別有什么作用派阱？
** 作用：用于將用戶輸入的數(shù)據(jù)提交到后臺。**
常見的input標(biāo)簽有以下幾種類型：
1. type="text"用于輸入文本斜纪。placeholder屬性（可選）展示的是輸入框里的提示贫母，maxlength（可選）限制最大輸入長度；
2. type=”password”:用于輸入密碼盒刚，輸入的內(nèi)容顯示為星號;
3. type=”radio”:單選圓圈按鈕腺劣。注意：name要相同才能實現(xiàn)單選，value要有值;
4. type=”checkbox”:復(fù)選框因块。加checked屬性會默認(rèn)選上;
5. type=”textarea”:文本域橘原，用于輸入多行文本;
6. type=”hidden”:隱藏域，用戶看不到涡上，用于暫存數(shù)據(jù)趾断。或者安全性校驗吩愧。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 有什么作用？
name 屬性規(guī)定 input 元素的名稱届垫，只有設(shè)置了name 屬性的表單元素才能在提交時將數(shù)據(jù)進(jìn)行傳遞释液。<button>提交</button>、<a class="btn" href="#">提交</a>装处、<input type="submit" value="提交">三者有什么區(qū)別误债？
<button>提交</button>:這只是一個按鈕浸船，無法進(jìn)行數(shù)據(jù)傳遞；
<a class="btn" href="#">提交</a>：這是一個超鏈接按鈕寝蹈，提交后會在當(dāng)前頁面重新打開一次李命；
<input type="submit" value="提交">：這是一個提交按鈕，提交后數(shù)據(jù)將進(jìn)行傳遞箫老。radio 如何分組?
在radio標(biāo)簽中相同的name就可以分組實現(xiàn)單選封字。placeholder 屬性有什么作用?
placeholder屬性展示的是輸入框里的提示，當(dāng)在輸入框內(nèi)輸入文字時提示消失耍鬓。-
type=hidden隱藏域有什么作用? 舉例說明
隱藏域阔籽，用戶看不到，用于暫存數(shù)據(jù)牲蜀“手疲或者安全性校驗。
這是一個簡單的form：
Paste_Image.png
輸入數(shù)據(jù)后提交涣达，利用審查模式可以查看到除去用戶可見的信息外的hidden隱藏信息在辆，如上下兩圖綠色方框部分。
Paste_Image.png
