1.有序列表、無序列表、自定義列表如何使用?寫個簡單的例子。三者在語義上有什么區(qū)別?在哪些情況下使用哪種(重要)? 如何嵌套?
列表 | 解釋 |
---|---|
有序列表 | 每項之間有先后順序one by one |
無序列表 | 每項之間無先后順序并列關系可調換位置(用的最多) |
自定義列表 | 表示 dt(列表頭)對dd(列表內容)概括或具有父子屬性關系等 |
分塊,先大后小把項目分成幾大塊然后在大塊里面填充小塊,有點樹狀圖的感覺
2.如何去除列表前面的點或者數字?
加代碼
list-style: none
3.class 和 id 有什么區(qū)別?什么時候用 class 什么時候用 id?
相同點:可用于任何元素
不同點:ID選擇器只能在文檔中使用一次,class可多次;可以使用類選擇器詞列表方法為一個元素同時設置多個樣式,ID選擇器是不可以的。
4.塊級元素、行內元素是什么?有什么區(qū)別?分別對應哪些常用標簽?
- 塊級元素
1、每個塊級元素都從新的一行開始,并且其后的元素也另起一行。
2、元素的高度、寬度、行高以及頂和底邊距都可設置。
3、元素寬度在不設置的情況下,是它本身父容器的100%(和父元素的寬度一致),除非設定一個寬度。
<div>、 <p>、<h1>、<form>、<ul> 、 <li>
就是塊級元素
- 行內元素
1、和其他元素都在一行上,排滿了才會倒下一行。
2、元素的高度、寬度及頂部和底部邊距不可設置。
3、元素的寬度就是它包含的文字或圖片的寬度,不可改變。
<span>、<a>、<label>、 <strong>、 <em>
就是行內元素。
5.display: block、display: inline、display: inline-block分別有什么作用?
元素轉換 | 作用 |
---|---|
display: block | 將元素呈現(xiàn)為塊級元素,使一些內聯(lián)元素有塊級元素的特性設置高寬等等。 |
display: inline | 將元素呈現(xiàn)為內聯(lián)元素,前后不帶換行符。 |
display: inline-block | 應用此特性的元素呈現(xiàn)為內聯(lián)對象,周圍元素保持在同一行,但可以設置寬度和高度地塊元素的屬性。 |
[display:inline、block、inline-block的區(qū)別]
6.下面代碼是做什么的?抄寫一遍下面的代碼,注意class和id的使用及命名方式
7.如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細節(jié)
給某塊內容用上一個最恰當最合適的標簽,這樣一來,不管是誰都能看懂這塊內容是什么。利于后期的維護和修改,提高團隊合作效率。
平常寫代碼不要用拼音,注意保持自己的風格形成習慣,HTML每個標簽都有自己的語義,都有自己適用的范圍。但往往會被我們忽略或者被我們?yōu)E用,不要都是div到底。
8.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用?
1.用于向服務器上傳用戶提交的信息,向服務器請求到自己所需要的內容。
<input type="text">輸入文本比如輸入用戶名
<input type="password" 輸入密碼>
<input type="checkbox" 多選選項>
<input type="radio" 單選選項>
<input type="hidden" 隱藏數據,用于安全>
<input type="submit" 提交>
<input type="file" 上傳文件>
<input type="rest" 重置>
9.post 和 get 方式的區(qū)別?
1.數據提交方式不同:get提交的數據url上能看到,post不能。
2.get一般用于提交少量數據,post用于提交大量數據。
3.get提交的數據大小不大于1k,瀏覽器的限制;post理論上來說無限制,受服務器限制。
4.get提交的數據再瀏覽器歷史記錄中,安全性不好。
10.在input里,name 有什么作用?
與服務器交換數據的標識。
11.1.<button>提交</button> 2.<a class="btn" href="#">提交</a>、 3.<input type="submit" value="提交">
三者有什么區(qū)別?
1就只是頁面上的一個提交按鈕形狀,2是點擊后是個a鏈接還是在本頁面,沒什么作用,3是把用戶輸入的數據提交到了服務器
12.radio 如何分組?
設置同一個
name
,可產生單選效果。
apple:<input type="radio" name="apple" value="iphone6s">iphone6s <input type="radio" name="apple" value="iphone6">iphone6
1.placeholder 屬性有什么作用?
設置輸入字段預期值的提示信息,該提示會在輸入字段為空時顯示,并會在字段獲得焦點時消失
13.type=hidden隱藏域有什么作用? 舉例說明
其作用為暫存數據或用于安全校驗使用;
在用戶再打開的頁面埋個數字段(后臺即時生成每次不一樣),當提交的時候會一起提交到后臺,一致了后臺就會認可是本人提交的信息,不一致或者沒有后臺就不會接受你的請求。
本教程版權歸 饑人谷_Josh和饑人谷所有,轉載須說明來源