一、有序列表桐筏、無序列表纸型、自定義列表如何使用？寫個簡單的例子梅忌。三者在語義上有什么區(qū)別？在哪些情況下使用哪種（重要）除破？ 如何嵌套牧氮？

1.有序列表使用數(shù)字編號來記錄有序項目的順序；無序列表使用符號來記錄無序項目的順序瑰枫；自定義列表由兩部分組成踱葛，定義條件和定義描述丹莲；
2.舉例說明：

代碼

例子

3.區(qū)別：有序列表記錄有序項目的順序，不可以顛倒次序尸诽；無序列表定義無序項目的順序甥材；自定義列表，定義條件和定義描述性含，會默認前后層級關(guān)系洲赵；
4.答案同上；
5.如何嵌套：三種列表都可以相互嵌套商蕴；

列表嵌套

二叠萍、如何去除列表前面的點或者數(shù)字？

1.設(shè)置li的樣式list-style:none;就可以去掉默認的點和數(shù)字绪商；

• list-style：none去掉默認的點和數(shù)字苛谷；
• list-style：disc默認的實心圓點；
• list-style：circle默認的空心圓點格郁；
• list-style：square標記樣式變?yōu)閷嵭姆綁K腹殿；
• list-style：decimal標記的是數(shù)字；

三例书、class 和 id 有什么區(qū)別锣尉？什么時候用 class 什么時候用 id？

1.區(qū)別：

• 在css中雾叭，id加前綴“#”悟耘；class前綴加“.”；
• 一個id在一個頁面中只能使用一次织狐，class可以多次引用暂幼；
• id是一個標簽，用于區(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)容废赞；
• 當JavaScript要修改一個標簽的屬性時候徽龟，會將id作為該標簽的唯一標識進行操作；而如果JavaScript使用class來操作則可能也會操作其他的元素唉地；

2.用法：id是唯一的据悔，所以盡量在結(jié)構(gòu)外圍使用传透，通常用于結(jié)構(gòu)布局；class是某一類的极颓，可以重復(fù)的朱盐，盡量在結(jié)構(gòu)內(nèi)部使用，通常用于樣式定義菠隆；

四兵琳、塊級元素、行內(nèi)元素是什么浸赫？有什么區(qū)別闰围？分別對應(yīng)哪些常用標簽？

• 塊級元素：元素從上到下垂直排列既峡，各自獨占一行羡榴；可以用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.常用標簽：

• 塊級元素：address地址近刘；div常用塊級容器擒贸；dl自定義列表；ol有序列表觉渴；ul無序列表介劫；form表單；h1-h6第一級至第六級標題案淋；hr水平分割線蜕猫；menu菜單列表；p段落哎迄；table表格回右；
• 行內(nèi)元素：a鏈接；br換行漱挚；em強調(diào)翔烁；i斜體；img圖片旨涝；input輸入框蹬屹；label表格標簽；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 語義化? 在平時寫代碼的過程中要注意哪些細節(jié)获三？

1.如何理解語義化和注意細節(jié)：
語義化的含義就是用正確的標簽做正確的事情旁蔼，HTML代碼語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化，便于對瀏覽器疙教、搜索引擎解析棺聊；在沒有樣式css的情況下也以一種文檔格式顯示，并且提高代碼的可讀性和維護性贞谓。搜索引擎的爬蟲依賴于標記來確定上下文和關(guān)鍵字的權(quán)重限佩，利于SEO。舉例說明经宏，按鈕用<button>,輸入框用<input>等犀暑；還有css的id和class在命名的時候也盡量遵循語義化，命名盡量和元素的內(nèi)容相關(guān)烁兰，提高代碼的可讀性和維護性耐亏。

八、form表單有什么作用沪斟？有哪些常用的input 標簽广辰，分別有什么作用？

1.form的作用：向服務(wù)器提交數(shù)據(jù)主之，例如用戶名择吊、密碼、回復(fù)的內(nèi)容等槽奕；
2.常用的input標簽及作用：

• 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ù)進行標識满着，或者在客戶端通過JavaScript引用表單數(shù)據(jù)谦炒；
3.只有在設(shè)置了name屬性的表單元素才能在提交表單時傳遞他們的值；
4.通俗來事就是：name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進行標識漓滔，或者在客戶端通過 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ā)送信息慌闭；當點擊提交時，隱藏域的信息一并被提交躯舔。由于多個表單每個都有隱藏域的存在驴剔，在發(fā)送信息時，也可以讓程序知道提交的是哪一個表單的數(shù)據(jù)粥庄。而且可以用于確定用戶身份丧失，進行安全性校驗。
2.示例：

Paste_Image.png

Paste_Image.png

Paste_Image.png

本教程版權(quán)歸作者和饑人谷所有惜互，轉(zhuǎn)載須說明來源布讹！