任務(wù)七問(wèn)答題

一、有序列表、無(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é)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,544評(píng)論 19 139
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語(yǔ)法,類(lèi)相關(guān)的語(yǔ)法,內(nèi)部類(lèi)的語(yǔ)法,繼承相關(guān)的語(yǔ)法,異常的語(yǔ)法,線程的語(yǔ)...
    子非魚(yú)_t_閱讀 34,644評(píng)論 18 399
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,954評(píng)論 25 709
  • JD在管理上的等級(jí)制度相比較于地方要嚴(yán)厲很多,這應(yīng)該是眾所周知的,也是JD區(qū)別和文明于外以及構(gòu)成戰(zhàn)斗力的最顯著特征...
    吾先生ING閱讀 145評(píng)論 0 0
  • 因?yàn)橹笆堋度f(wàn)歷十五年》的影響,對(duì)明朝后期的歷史產(chǎn)生了濃厚的興趣。對(duì)中國(guó)歷史上,這個(gè)以農(nóng)民起義發(fā)家,由漢人...
    茶煙輕飏閱讀 1,965評(píng)論 0 4

友情鏈接更多精彩內(nèi)容