有序列表、無序列表澜公、自定義列表如何使用？寫個(gè)簡單的例子蜕青。三者在語義上有什么區(qū)別糊渊？在哪些情況下使用哪種（重要）？ 如何嵌套贺喝？
如何使用宗兼？
-
有序列表
1.png -
無序列表
Paste_Image.png -
自定義列表：自定義列表不僅僅是一列項(xiàng)目殷绍，是項(xiàng)目及其注釋的組合。
Paste_Image.png
區(qū)別茶行？嵌套?
- 有序列表是一列項(xiàng)目，列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記娶靡。有序列表始于< ol >標(biāo)簽看锉。每個(gè)列表項(xiàng)始于 < li > 標(biāo)簽。
- 無序列表也是一個(gè)項(xiàng)目的列表呻此，此列項(xiàng)目使用粗體圓點(diǎn)（典型的小黑圓圈）進(jìn)行標(biāo)記懂傀。無序列表始于< ul >標(biāo)簽，每個(gè)列表項(xiàng)始于< li >恃泪，列表項(xiàng)內(nèi)部可以使用段落犀斋、換行符、圖片叽粹、鏈接以及其他列表等等。
- 自定義列表不僅僅是一列項(xiàng)目锤灿，而是項(xiàng)目及其注釋的組合辆脸。自定義列表以 < dl > 標(biāo)簽開始。每個(gè)自定義列表項(xiàng)以 < dt > 開始状囱。每個(gè)自定義列表項(xiàng)的定義以 < dd > 開始倘是。
如何去除列表前面的點(diǎn)或者數(shù)字？
- 將屬性list-style設(shè)置為none;
class 和 id 有什么區(qū)別叨粘？什么時(shí)候用 class 什么時(shí)候用 id？
- class是類袍镀，可以定義多個(gè)元素冻晤；id只能定義一個(gè)元素绸吸。ID的樣式優(yōu)先級高于Class。
- 單一的元素攘轩，或需要程序码俩、JS控制的東西，需要用id定義笨篷；重復(fù)使用的元素瓣履、類別，用class定義袖迎。
塊級元素、行內(nèi)元素是什么辜贵？有什么區(qū)別归形？分別對應(yīng)哪些常用標(biāo)簽？
display: block榴芳、display: inline跺撼、display: inline-block分別有什么作用?
- 塊級元素顧名思義就是以塊顯示的元素，高度寬度都是可以設(shè)置的柿祈。比如我們常用的< div >、< p >蜜自、< ul >、< h1 >重荠、< h2 >等默認(rèn)狀態(tài)下都是屬于塊級元素虚茶。默認(rèn)狀態(tài)下每次都占據(jù)一整個(gè)行，后面的內(nèi)容也必須再新起一行顯示婆殿。
- 行內(nèi)元素不可以設(shè)置寬（width）和高（height）罩扇，但可以與其他行內(nèi)元素位于同一行，行內(nèi)元素內(nèi)一般不可以包含塊級元素消约。行內(nèi)元素的高度一般由元素內(nèi)部的字體大小決定仰泻，寬度由內(nèi)容的長度控制。常見的行內(nèi)元素有< a >, < b >被啼、< i >、< em > ,< strong >等浓体。
- 兩者的區(qū)別
- 尺寸—塊級元素和行內(nèi)元素之間的一個(gè)重要的不同點(diǎn)
以下行內(nèi)元素設(shè)置效果：
設(shè)置寬度width 無效辈讶。
設(shè)置高度height 無效，可以通過line-height來設(shè)置生闲。
設(shè)置margin 只有左右margin有效月幌，上下無效。
設(shè)置padding 只有左右padding有效捉兴，上下則無效。注意元素范圍是增大了倍啥，但是對元素周圍的內(nèi)容是沒影響的 - text-align對行內(nèi)元素起作用，對塊元素不起作用始藕。但是有一個(gè)例外，IE6/7及IE8混雜模式中鳄虱，text- align:center可以使塊級元素也居中對齊凭峡。
- display: block 將元素顯示為塊級元素摧冀，高度系宫，行高以及頂和底邊距都可控制；
display: inline 將元素顯示為行內(nèi)元素椒惨，和其他元素都在一行上潮罪，高，行高及頂和底邊距不可改變嫉到。
display: inline-block 將對象呈遞為內(nèi)聯(lián)對象，周圍元素保持在同一行孽锥，但可以設(shè)置寬度和高度地塊元素的屬性
下面代碼是做什么的：導(dǎo)航
![`]}G6%9H%RGK72MZVJ_@K.png](http://upload-images.jianshu.io/upload_images/1436600-fbf6292786155bbb.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
如何理解 HTML CSS 語義化? 在平時(shí)寫代碼的過程中要注意哪些細(xì)節(jié)细层？
- 用正確的標(biāo)簽做正確的事情，html語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化盛撑，便于對瀏覽器虚缎、搜索引擎解析钓株；
- 在沒有樣式CCS情況下也以一種文檔格式顯示轴合，并且是容易閱讀的。搜索引擎的爬蟲依賴于標(biāo)記來確定上下文和各個(gè)關(guān)鍵字的權(quán)重受葛，利于 SEO偎谁。使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊，便于閱讀維護(hù)理解闰渔。
- 注意讓自己的代碼結(jié)構(gòu)有文理铐望，能讓別人看懂。css中兩個(gè)單詞使用"_"連接督弓。html中使用正確合適的標(biāo)簽。
form表單有什么作用愚隧？有哪些常用的input 標(biāo)簽锻全，分別有什么作用？
- <form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單睹耐。
- text：何在 HTML 頁面創(chuàng)建文本域部翘。
password：創(chuàng)建 HTML 的密碼域。
checkbox：在 HTML 頁中創(chuàng)建文本框窖梁。用戶可以選中或取消選取復(fù)選框夹囚。
radio：在 HTML 中創(chuàng)建單選按鈕
submit ：提交按鈕
textarea”：多行文本框
hidden：隱藏域，用來傳輸客戶端到服務(wù)器的狀態(tài)信息
<button>提交</button>假哎、<a class="btn" href="#">提交</a>瞬捕、<input type="submit" value="提交"> 三者有什么區(qū)別肪虎？
- 在 button 元素內(nèi)部惧蛹，可以放置內(nèi)容，比如文本或圖像迅腔。這是該元素與使用 input 元素創(chuàng)建的按鈕之間的不同之處靠娱。
<button> 控件 與 <input type="button"> 相比，提供了更為強(qiáng)大的功能和更豐富的內(nèi)容像云。<button> 與 </button> 標(biāo)簽之間的所有內(nèi)容都是按鈕的內(nèi)容，其中包括任何可接受的正文內(nèi)容，比如文本或多媒體內(nèi)容双抽。例如，我們可以在按鈕中包括一個(gè)圖像和相關(guān)的文本铐维，用它們在按鈕中創(chuàng)建一個(gè)吸引人的標(biāo)記圖像慎菲。 - <input type="submit" value="提交"> 是表單提交的按鈕，點(diǎn)擊后會向后臺提交數(shù)據(jù)露该。
- <a class="btn" href="#">提交</a>把一個(gè)鏈接放在提交按鈕里面，點(diǎn)擊提交會跳轉(zhuǎn)到另一個(gè)頁面抑党，但是不會向后臺提交數(shù)據(jù)撵摆。
radio 如何分組?
name設(shè)置成相同就能分在同一組。
placeholder 屬性有什么作用?
placeholder 屬性提供可描述輸入字段預(yù)期值的提示信息暑中，該提示會在輸入字段為空時(shí)顯示壹瘟，并會在字段獲得焦點(diǎn)時(shí)消失鳄逾。
type=hidden隱藏域有什么作用? 舉例說明
- 隱藏域在頁面中對于用戶是不可見的严衬，在表單中插入隱藏域的目的在于收集或發(fā)送信息，以利于被處理表單的程序所使用
- 代碼格式如下：＜input type="hidden" name="..." value="..."＞
type="hidden"定義隱藏域请琳；
name屬性定義隱藏域的名稱，要保證數(shù)據(jù)的準(zhǔn)確采集询筏，必須定義一個(gè)獨(dú)一無二的名稱竖慧；
value屬性定義隱藏域的值
例如：＜input type="hidden" name="ExPws" value="dd"＞
其實(shí)說白了就隱藏域不在前臺顯示的,跟表單的元素一樣.有名字有數(shù)值,只是在提交數(shù)據(jù)是不可見的。
