有序列表勺三、無序列表、自定義列表如何使用需曾?寫個簡單的例子檩咱。三者在語義上有什么區(qū)別揭措?在哪些情況下使用哪種(重要)? 如何嵌套刻蚯?
有序列表:
<ol>
<li>有序列表一</li>
<li>有序列表二</li>
<li>有序列表三</li>
</ol>
無序列表:
<ul>
<li>無序列表一</li>
<li>無序列表一</li>
<li>無序列表一</li>
</ul>
自定義列表
<dl>
<dt>1表頭</dt>
<dd>內(nèi)容</dd>
<dd>內(nèi)容</dd>
<dd>內(nèi)容</dd>
<dt>3表頭</dt>
<dd>內(nèi)容</dd>
<dd>內(nèi)容</dd>
</dl>
ol一般用在需要按照順序依次排列的列表內(nèi)容中使用绊含,ul則用在不需要區(qū)分前后順序的列表內(nèi)容中使用,dl有一個表頭炊汹,用在需要分類描述的列表內(nèi)容中使用躬充。
嵌套如下:
如何去除列表前面的點或者數(shù)字?
為子元素設(shè)置list-style:none
class 和 id 有什么區(qū)別讨便?什么時候用 class 什么時候用 id充甚?
- class在同一個文檔里可以使用相同名字的值,id具有唯一性霸褒,在同一篇文檔里只能存在一個值伴找,所以我們經(jīng)常使用class,很少使用id
- id優(yōu)先級比class高很多
我們在比較重要具有唯一性的部分或者需要提高優(yōu)先級的元素使用ID選擇器废菱,通常情況下都選用class類選擇器技矮。
塊級元素、行內(nèi)元素是什么殊轴?有什么區(qū)別衰倦?分別對應(yīng)哪些常用標簽?
塊級元素占用空間是一整行旁理,行內(nèi)元素占用空間是它自身的內(nèi)容寬度樊零。行內(nèi)元素可以一并排顯示,塊級元素不能孽文。
- 塊級元素:div驻襟、p、h1...h6芋哭、table塑悼、tr、ul楷掉、li厢蒜、dl、dt烹植、form
- 行內(nèi)元素:a斑鸦、span、img草雕、input巷屿、button、em墩虹、textarea
display: block嘱巾、display: inline憨琳、display: inline-block分別有什么作用?
- display: block是將當(dāng)前元素設(shè)置為塊級元素
- display:inline是將當(dāng)前元素設(shè)置為行內(nèi)元素
-
display:inline-block是將當(dāng)前元素設(shè)置為行內(nèi)塊級元素,以行內(nèi)元素來顯示同時擁有塊級元素的特性旬昭。
此代碼代表三個大區(qū)塊篙螟。分別為頭部、主體和腳部问拘。主體又分為兩個小區(qū)塊main和aside
如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細節(jié)
語義化就是可以讓人直觀的理解文檔標簽的作用和含義遍略,在平時寫代碼的過程中,我們應(yīng)該首先充分理解標簽元素的含義,在正確的地方寫入合適的標簽以及給合適的標簽取合適的語義化的名字骤坐。
form表單有什么作用绪杏?有哪些常用的input 標簽,分別有什么作用纽绍?
from表單用來提交表單數(shù)據(jù)跟后臺服務(wù)器交互蕾久。
- text:文本輸入框,輸入文本拌夏,比如用戶名僧著。
- password :密碼輸入框,輸入加密字符辖佣。
- button:按鈕霹抛,按鈕形狀
- checkbox :多選圈搓逾,可以用來做愛好選擇卷谈。
- radio:單選圈,一般用來做性別選擇霞篡。
- textrera :文本域世蔗,輸入大量多行文字。
- submit:提交朗兵,提交表格數(shù)據(jù)的按鈕污淋。
- reset:重置∮嘁矗可以重置表格設(shè)置為默認設(shè)置寸爆。
- select:多選下拉列表,設(shè)置下拉列表盐欺。
post 和 get 方式的區(qū)別赁豆?
- 數(shù)據(jù)提交方式不同,get把提交的數(shù)據(jù)url可以看到冗美,post看不到
- get一般用于提交少量數(shù)據(jù)魔种,post用于提交大量數(shù)據(jù)
- get最多提交1k數(shù)據(jù),瀏覽器的限制粉洼。post理論上無限制节预,受服務(wù)器限制
- get提交的數(shù)據(jù)在瀏覽器歷史記錄中叶摄,安全性不好
在input里,name 有什么作用安拟?
name 屬性為必要屬性蛤吓,用于對提交到服務(wù)器后的表單數(shù)據(jù)進行標識,或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)去扣。
<button>提交</button>
柱衔、<a class="btn" href="#">提交</a>
、<input type="submit" value="提交">
三者有什么區(qū)別愉棱?
-
<button>提交</button>
做出來為普通按鈕唆铐,需要綁定事件配合JS用。 -
<a class="btn" href="#">
提交</a>本義是做出來是超鏈接奔滑,默認沒有邊框只有下劃線艾岂,一般用來鏈接到另一個頁面或者錨點。 -
<input type="submit" value="提交">
默認用來提交表單數(shù)據(jù)朋其,也可以綁定事件王浴,綁定的同時也會觸發(fā)提交表單數(shù)據(jù)。
radio 如何 分組?
設(shè)置name值為一樣梅猿,如:
<input name="sex" type="radio" value="男">男
<input name="sex" type="radio" value="女">女
<input name="sex" type="radio" value="中性">中性
placeholder 屬性有什么作用?
在文本框內(nèi)做灰色的簡單提示信息氓辣,在受到焦點時會消失。
type=hidden隱藏域有什么作用? 舉例說明
主要暫存數(shù)據(jù)和安全校驗袱蚓。在頁面中不會呈現(xiàn)但是會隨著提交按鈕把數(shù)據(jù)一起提交到后臺钞啸。
如<input name="mimi" type="hidden" value="秘密" >
- 本博客版權(quán)歸羞澀的澀和饑人谷所有,轉(zhuǎn)載請注明出處