1、有序列表、無序列表、自定義列表如何使用?寫個簡單的例子。三者在語義上有什么區(qū)別?在哪些情況下使用哪種(重要)? 如何嵌套?


代碼例子
效果圖

有序列表的話前面有數(shù)字來表示,數(shù)字可以是各種形式的,也可以是英文。

無序列表每項沒有必然的先后順序,用的最多。

自定義列表dt(表示列表頭)對dd(列表內(nèi)容)有從屬關(guān)系,dd屬于dt里面的內(nèi)容這樣的感覺。


嵌套

2、如何去除列表前面的點(diǎn)或者數(shù)字?

在相應(yīng)的css里面寫list-style:none;

3、class 和 id 有什么區(qū)別?什么時候用 class 什么時候用 id?

不要濫用ID在css里面,ID選擇器在一個文檔中只能使用一次,class可以使用多次,ID給js用、class給css用,除非用錨鏈接一般不要隨便用ID。

4、塊級元素、行內(nèi)元素是什么?有什么區(qū)別?分別對應(yīng)哪些常用標(biāo)簽?

塊級元素簡單來說就是一個標(biāo)簽會直接默認(rèn)占用一行,行內(nèi)元素可以多個行內(nèi)元素在一行并列,占滿了才會擠到下一行去。

塊級元素:div、p、hn、form、ul、li、

行內(nèi)元素:span、a、label、strong、em、

5、display: block、display: inline、display: inline-block分別有什么作用?

display:block→ 使元素當(dāng)做一塊來顯示,讓一個元素有塊級元素的特征,比如有了寬高可以填色哈。

display:inline→ 將元素呈現(xiàn)為內(nèi)聯(lián)元素,前后不帶換行符。

display:line-block→ 囊括display:inline的作用,額外有讓多個有這個屬性的元素在一行顯示的作用。

6、下面代碼是做什么的?抄寫一遍下面的代碼,注意class和id的使用及命名方式

7、如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細(xì)節(jié)

給標(biāo)簽class的時候取名啊最好用英文,讓標(biāo)簽更易讀,而且標(biāo)簽得用適合的,例如:該table的地方用table,不要弄個div再寫css弄成table 的樣子。這樣子代碼給別人看別人看懂更有利于團(tuán)隊協(xié)作。

8、form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用?

form是一個非常老的標(biāo)簽了,是用于提交用戶填的信息用。

常見的input標(biāo)簽:

input標(biāo)簽

9、post 和 get 方式的區(qū)別?

post是比較隱蔽的傳輸方式,比較安全,而且內(nèi)容可以是很多很多的哦。

get的話是直接寫在URL上的,內(nèi)容會直接被看到,沒有安全性可言,同時有內(nèi)容的限制,超過1K字節(jié)就會被截斷,不會顯示。

10、在input里,name 有什么作用?

input里面寫name相當(dāng)于給input加了一個特征,服務(wù)器通過這個特征知道用戶上傳的是什么。

11、<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交"> 三者有什么區(qū)別?

第一個就是一個提交的按鈕,并沒有什么內(nèi)容。

第二個有樣式有提交的鏈接

第三個是認(rèn)可的有功能的提交按鈕,點(diǎn)擊會把內(nèi)容提交到服務(wù)器。

12、radio 如何 分組?

多個<input type="radio">的時候,當(dāng)里面寫入name="same"一樣的name之后,會變成一個單選的效果,另反。

13、placeholder 屬性有什么作用?

在輸入框中預(yù)顯示的半透明的內(nèi)容placeholder="";

14、type=hidden隱藏域有什么作用? 舉例說明?

用于存儲特征,服務(wù)器可以通過這個特征知道這個提交是你不是別人提交的。

評論:<textarea name="comment" maxlength="999" placeholder="your comment"></textarea>

<input name="StarLikeRain" type="hidden" value="23333">

<input type="submit" value="提交">

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

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

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

  • 1.有序列表、無序列表、自定義列表如何使用?寫個簡單的例子。三者在語義上有什么區(qū)別?在哪些情況下使用哪種(重要)?...
    饑人谷_沈夢圓閱讀 322評論 0 0
  • 一、有序列表、無序列表、自定義列表如何使用?寫個簡單的例子。三者在語義上有什么區(qū)別?在哪些情況下使用哪種(重要)?...
    dengpan閱讀 412評論 0 0
  • 問答 1、有序列表、無序列表、自定義列表如何使用?寫個簡單的例子。三者在語義上有什么區(qū)別?在哪些情況下使用哪種(重...
    饑人谷_dudu閱讀 302評論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,157評論 1 92
  • 1.有序列表、無序列表、自定義列表如何使用?寫個簡單的例子。三者在語義上有什么區(qū)別?在哪些情況下使用哪種(重要)?...
    饑人谷_汪杰閱讀 372評論 0 0

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