1.有序列表、無序列表肚吏、自定義列表如何使用方妖?寫個簡單的例子。三者在語義上有什么區(qū)別罚攀?在哪些情況下使用哪種(重要)党觅? 如何嵌套?
列表 | 解釋 |
---|---|
有序列表 | 每項之間有先后順序one by one |
無序列表 | 每項之間無先后順序并列關(guān)系可調(diào)換位置(用的最多) |
自定義列表 | 表示 dt(列表頭)對dd(列表內(nèi)容)概括或具有父子屬性關(guān)系等 |
分塊,先大后小把項目分成幾大塊然后在大塊里面填充小塊炫掐,有點樹狀圖的感覺
2.如何去除列表前面的點或者數(shù)字魁莉?
加代碼
list-style: none
3.class 和 id 有什么區(qū)別?什么時候用 class 什么時候用 id?
相同點:可用于任何元素
不同點:ID選擇器只能在文檔中使用一次旗唁,class可多次畦浓;可以使用類選擇器詞列表方法為一個元素同時設(shè)置多個樣式,ID選擇器是不可以的检疫。
4.塊級元素讶请、行內(nèi)元素是什么?有什么區(qū)別电谣?分別對應(yīng)哪些常用標(biāo)簽秽梅?
- 塊級元素
1、每個塊級元素都從新的一行開始剿牺,并且其后的元素也另起一行。
2环壤、元素的高度晒来、寬度、行高以及頂和底邊距都可設(shè)置郑现。
3湃崩、元素寬度在不設(shè)置的情況下,是它本身父容器的100%(和父元素的寬度一致)接箫,除非設(shè)定一個寬度攒读。
<div>、 <p>辛友、<h1>薄扁、<form>、<ul> 废累、 <li>
就是塊級元素
- 行內(nèi)元素
1邓梅、和其他元素都在一行上,排滿了才會倒下一行邑滨。
2日缨、元素的高度、寬度及頂部和底部邊距不可設(shè)置掖看。
3匣距、元素的寬度就是它包含的文字或圖片的寬度,不可改變哎壳。
<span>毅待、<a>、<label>耳峦、 <strong>恩静、 <em>
就是行內(nèi)元素。
5.display: block、display: inline驶乾、display: inline-block分別有什么作用?
元素轉(zhuǎn)換 | 作用 |
---|---|
display: block | 將元素呈現(xiàn)為塊級元素邑飒,使一些內(nèi)聯(lián)元素有塊級元素的特性設(shè)置高寬等等。 |
display: inline | 將元素呈現(xiàn)為內(nèi)聯(lián)元素级乐,前后不帶換行符疙咸。 |
display: inline-block | 應(yīng)用此特性的元素呈現(xiàn)為內(nèi)聯(lián)對象,周圍元素保持在同一行风科,但可以設(shè)置寬度和高度地塊元素的屬性撒轮。 |
[display:inline、block贼穆、inline-block的區(qū)別]
6.下面代碼是做什么的题山?抄寫一遍下面的代碼,注意class和id的使用及命名方式
7.如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細(xì)節(jié)
給某塊內(nèi)容用上一個最恰當(dāng)最合適的標(biāo)簽故痊,這樣一來顶瞳,不管是誰都能看懂這塊內(nèi)容是什么。利于后期的維護和修改愕秫,提高團隊合作效率慨菱。
平常寫代碼不要用拼音,注意保持自己的風(fēng)格形成習(xí)慣戴甩,HTML每個標(biāo)簽都有自己的語義符喝,都有自己適用的范圍。但往往會被我們忽略或者被我們?yōu)E用甜孤,不要都是div到底协饲。
8.form表單有什么作用?有哪些常用的input 標(biāo)簽课蔬,分別有什么作用囱稽?
1.用于向服務(wù)器上傳用戶提交的信息,向服務(wù)器請求到自己所需要的內(nèi)容二跋。
<input type="text">輸入文本比如輸入用戶名
<input type="password" 輸入密碼>
<input type="checkbox" 多選選項>
<input type="radio" 單選選項>
<input type="hidden" 隱藏數(shù)據(jù)战惊,用于安全>
<input type="submit" 提交>
<input type="file" 上傳文件>
<input type="rest" 重置>
9.post 和 get 方式的區(qū)別?
1.數(shù)據(jù)提交方式不同:get提交的數(shù)據(jù)url上能看到扎即,post不能吞获。
2.get一般用于提交少量數(shù)據(jù),post用于提交大量數(shù)據(jù)谚鄙。
3.get提交的數(shù)據(jù)大小不大于1k各拷,瀏覽器的限制;post理論上來說無限制闷营,受服務(wù)器限制烤黍。
4.get提交的數(shù)據(jù)再瀏覽器歷史記錄中知市,安全性不好。
10.在input里速蕊,name 有什么作用嫂丙?
與服務(wù)器交換數(shù)據(jù)的標(biāo)識。
11.1.<button>提交</button> 2.<a class="btn" href="#">提交</a>规哲、 3.<input type="submit" value="提交">
三者有什么區(qū)別跟啤?
1就只是頁面上的一個提交按鈕形狀,2是點擊后是個a鏈接還是在本頁面唉锌,沒什么作用隅肥,3是把用戶輸入的數(shù)據(jù)提交到了服務(wù)器
12.radio 如何分組?
設(shè)置同一個
name
,可產(chǎn)生單選效果。
apple:<input type="radio" name="apple" value="iphone6s">iphone6s <input type="radio" name="apple" value="iphone6">iphone6
1.placeholder 屬性有什么作用?
設(shè)置輸入字段預(yù)期值的提示信息袄简,該提示會在輸入字段為空時顯示腥放,并會在字段獲得焦點時消失
13.type=hidden隱藏域有什么作用? 舉例說明
其作用為暫存數(shù)據(jù)或用于安全校驗使用;
在用戶再打開的頁面埋個數(shù)字段(后臺即時生成每次不一樣)绿语,當(dāng)提交的時候會一起提交到后臺捉片,一致了后臺就會認(rèn)可是本人提交的信息,不一致或者沒有后臺就不會接受你的請求汞舱。
本教程版權(quán)歸 饑人谷_Josh和饑人谷所有,轉(zhuǎn)載須說明來源