一、有序列表、無(wú)序列表、自定義列表如何使用?寫(xiě)個(gè)簡(jiǎn)單的例子。三者在語(yǔ)義上有什么區(qū)別?在哪些情況下使用哪種(重要)? 如何嵌套?
有序列表是在列表項(xiàng)有序排列,有先后順序用。語(yǔ)法結(jié)構(gòu)是<ol><li></li><li></li></ol>
無(wú)序列表是在列表項(xiàng)無(wú)序排列,是并列的,無(wú)先后順序。語(yǔ)法結(jié)構(gòu)是<ul><li></li><li></li></ul>,一般網(wǎng)頁(yè)的導(dǎo)航,標(biāo)簽欄,友情鏈接都是使用無(wú)序列表
自定義列表是用來(lái)標(biāo)記已經(jīng)定義的列表項(xiàng),包含dt dd 。語(yǔ)法結(jié)構(gòu)是<dl><dt><dd></dd></dt></dl>,其中dd下面有多個(gè)dt,單個(gè)dt可以有多個(gè)dd
例子如下:
<h1>我喜歡的水果</h1><ul><li>蘋(píng)果</li><li>梨</li></ul>(我喜歡的水果有兩個(gè),并無(wú)先后順序)
<h1>我喜歡的水果</h1><ol><li>蘋(píng)果</li><li>梨</li></ol>(我喜歡的水果,按照先后順序喜歡的程度依次降低)
<d1><dt>我喜歡的水果</dt><dd>蘋(píng)果</dd><dd>梨</dd></d1>
以上三種列表 方式可以相互嵌套,也可以自身嵌套同種列表方式
<ul><li><ol><li></li><li></li></ol></li><li></li></ul>
二、如何去除列表前面的點(diǎn)或者數(shù)字?
可以用標(biāo)簽選擇器li{list-style:none;}
三、class 和 id 有什么區(qū)別?什么時(shí)候用 class 什么時(shí)候用 id?
class和id均是類(lèi)選擇器。二者的區(qū)別是:
書(shū)寫(xiě)方式方面:class選擇器,以點(diǎn)開(kāi)頭,如“.命名”,引用的時(shí)候用class=“命名”;id選擇器,以#開(kāi)頭,如“#命名”,引用的時(shí)候用id=“命名”。
作用方面:id選擇器:獨(dú)一無(wú)二的,劃分大區(qū)塊;class選擇器:同一類(lèi)型的區(qū)塊,小區(qū)快class=“intro other other2”
當(dāng)有幾個(gè)元素有共同屬性時(shí),用class,獨(dú)一無(wú)二的屬性時(shí),用id.一般情況下,大的層一般用id,里面的內(nèi)容有重復(fù)用時(shí),一般用class.
四、塊級(jí)元素、行內(nèi)元素是什么?有什么區(qū)別?分別對(duì)應(yīng)哪些常用標(biāo)簽?
塊內(nèi)元素和行內(nèi)元素都是html標(biāo)簽,根據(jù)其能否獨(dú)占一行分為塊級(jí)和行內(nèi)元素。
區(qū)別:
1、塊級(jí)元素可以單獨(dú)占一行,不進(jìn)行其他設(shè)置,其同行不再有其他元素,但是行內(nèi)元素,會(huì)和其他行內(nèi)元素顯示在同一行。
2、行內(nèi)元素手動(dòng)設(shè)置寬度和高度是無(wú)效的,是由自身決定的。
3、margin和padding事實(shí)上水平方向是有效的,上下方向的padding和margin是不占空間的,如果加邊框會(huì)把上下方向的內(nèi)容遮蓋住。
常用標(biāo)簽:
塊級(jí)元素:p div ul br hr
行業(yè)元素:a img span ?em strong input元素
五、display: block、display: inline、display: inline-block分別有什么作用?
display:line(行業(yè)元素顯示,可以讓塊級(jí)元素變成行內(nèi)元素的顯示特性),block(塊級(jí)元素顯示),inline-bliock(ie8以下不支持)以行業(yè)元素顯示,但是有塊級(jí)元素的特性
六、下面代碼是做什么的?抄寫(xiě)一遍下面的代碼,注意class和id的使用及命名方式
該代碼是設(shè)置頁(yè)面為上中下結(jié)構(gòu)。其中頭部有圖片,有三個(gè)導(dǎo)航(可點(diǎn)擊鏈接);
中間又分為側(cè)邊欄和中心區(qū)塊
底部就是底部
其中上中下三部分寬度是一樣的,通過(guò)同一個(gè)類(lèi)class=wrap來(lái)聲明
七、如何理解 HTML CSS 語(yǔ)義化? 在平時(shí)寫(xiě)代碼的過(guò)程中要注意哪些細(xì)節(jié)
第一是分塊,合理的分層,第二使用合理的標(biāo)簽,第三合理的命名。選擇合適的標(biāo)簽,使用合理的代碼結(jié)構(gòu),合理的命名,便于開(kāi)發(fā)者閱讀,同時(shí)讓瀏覽器便于解析。
平時(shí)寫(xiě)的時(shí)候要注意合理的標(biāo)簽,合理的命名
八、form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用?
form表單的作用是用于提交數(shù)據(jù)至后臺(tái)。
text,輸入文本時(shí)用
password,輸入密碼時(shí)用
checkbox輸入復(fù)選框
textarea輸入文本域<textarea neme="" value=""></textarea>
radio單選圓角框
hidden隱藏域
select選擇列表 <select name=""><option value=""></option></selext>
九、post 和 get 方式的區(qū)別?
二者同為method的即提交數(shù)據(jù)的方法。
1、最直觀的區(qū)別就是。post,默認(rèn)值,在提交數(shù)據(jù)時(shí)在網(wǎng)址欄不可見(jiàn)數(shù)據(jù)值。get在提交數(shù)據(jù)時(shí)將提交值與網(wǎng)址捆綁,在網(wǎng)址欄可見(jiàn)數(shù)據(jù)值。這樣就直接導(dǎo)致get提交的數(shù)據(jù)在瀏覽器歷史記錄中,安全性不好
2、 get一般用于提交少量數(shù)據(jù),post用于提交大量數(shù)據(jù)
?3、get最多提交1k數(shù)據(jù),瀏覽器的限制。post理論上無(wú)限制,受服務(wù)器限制?
十、在input里,name 有什么作用?
name值為什么,傳遞的就是什么,必須得有,才能傳遞數(shù)值后臺(tái)
十一、<button>提交</button>、<a href="" class="btn">提交</a>/<input type="submit" value="提交">三者有什么區(qū)別?
button就是按鈕,按鈕上值為提交,要進(jìn)行相關(guān)設(shè)置,不設(shè)置,值并不傳遞至后臺(tái)
a是一個(gè)鏈接,點(diǎn)擊提交會(huì)跳轉(zhuǎn)至另一個(gè)頁(yè)面
input 是會(huì)將數(shù)據(jù)提交至后臺(tái)的
十一、radio 如何 分組?
radio單選圓角按鈕。使用的情景是本身屬于同一個(gè)大類(lèi),即必須有一個(gè)統(tǒng)一的name,再細(xì)分不同的value。比如最喜歡的球類(lèi),name全設(shè)置為ball,value可設(shè)置為basketball,tennis等各個(gè)選項(xiàng)
十二、placeholder 屬性有什么作用?
可以起到提示作用,告訴使用者此處該輸入什么內(nèi)容
十三、type=hidden隱藏域有什么作用? 舉例說(shuō)明
type="hidden": 隱藏域,用戶(hù)看不到,用于暫存數(shù)據(jù)?;蛘甙踩孕r?yàn)
雖然在頁(yè)面上不顯示,但是后臺(tái)是可以看得見(jiàn)的
<input type="text" name="huamingce" placeholder="請(qǐng)輸入任務(wù)5班同學(xué)姓名"/>
<input type="hidden" name="school" value="jirengu"/>
雖然文本框內(nèi)輸入的只有5班同學(xué)姓名,但是后臺(tái)數(shù)據(jù)顯示的是jirengu這個(gè)學(xué)校的5班同學(xué)