有序列表巷怜、無序列表袍祖、自定義列表如何使用挑辆?寫個簡單的例子笨触。三者在語義上有什么區(qū)別宾尚?哪些情況下使用那種丙笋?如何嵌套谢澈?
- 有序列表,使用數(shù)字標記項目
- 無序列表御板,使用黑點標記項目
- 自定義列表锥忿,用來定義和解釋的列表
- 有序列表適合各項目之間有順序關(guān)系的情況,無序列表適用于各項目之間沒有順序關(guān)系的情況怠肋,自定義列表適用于表示項目和其注釋的組合敬鬓。無序列表是使用最多的一種。
- 列表嵌套
如何去除列表前面的點或者數(shù)字
li{
list-style:none;
}
class 和 id 有什么區(qū)別?什么時候用class笙各,什么時候用id?
- class 是描述元素的身份的屬性钉答,同一個頁面上不同元素可以命名為同一個class的屬性名,在CSS中我們可以用.加上class屬性名選擇同一屬性名的元素杈抢,進行樣式設(shè)計数尿。
- id 是描述元素唯一標識的屬性,在同一個html文件中只有一個惶楼,是獨一無二的右蹦。在CSS中可以用#加上id名選擇這個元素。
塊級元素歼捐、行內(nèi)元素是什么何陆,有什么區(qū)別?分別對應(yīng)那些常用的標簽?
- 塊級元素,上下都有換行豹储,排列時是向下排列甲献,獨自占一行。
- 行內(nèi)元素颂翼,行內(nèi)元素可以與其他行內(nèi)元素排列在同一行晃洒,排列時是從左向右排列,只有在空間位置不夠時才會換行朦乏。
- 塊級元素可以設(shè)padding margin width height 球及。行內(nèi)元素設(shè)width 和 height是無效的,而設(shè)padding和margin時呻疹,左右是有效的吃引,而上下是沒有效果的。
display:block
刽锤、display:inline
和display:inline-block
分別有什么作用?
-
dispaly:block
將元素顯示為塊級元素镊尺。 -
siaplay:inline
將元素顯示為行內(nèi)元素。 -
display:block-inline
將元素顯示為行內(nèi)塊元素并思,不換行也具有塊級元素的屬性庐氮。不支持IE8以下。
下面代碼是做什么宋彼?
- 將頁面分為三大塊弄砍,頭部仙畦,內(nèi)容區(qū),頁腳音婶。三塊中的內(nèi)容都有相同的類wrap
如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細節(jié)?
- HTML語義話的含義是指內(nèi)容的的結(jié)構(gòu)化慨畸,在合適的地方用合適的標簽。便于瀏覽器和搜索引擎解析衣式,在沒有樣式CSS的情況下具有良好的可讀性寸士。注意根據(jù)文檔上下結(jié)構(gòu),選擇最適合表達當前語義的標簽碴卧。
form表單有什么作用弱卡?有那些常用的input標簽,分別有什么作用螟深。
- form表單就是接受用戶提交的數(shù)據(jù)谐宙,并在用戶點提交時將數(shù)據(jù)傳送給服務(wù)器烫葬,以便服務(wù)器端的程序處理數(shù)據(jù)界弧。
- name 定義提交的數(shù)據(jù)的名稱。
- action 提交到的地址搭综。
- method 提交的數(shù)據(jù)的方式垢箕,有g(shù)et和post兩種。
- type:
text:一行文字
textarea:一段文字
password:提交用戶密碼兑巾,顯示為黑點条获、
radio:單選圓圈
checkbox:復(fù)選選項
hidden:暫存一些數(shù)據(jù),可以進行安全校驗蒋歌。 - max 規(guī)定input元素的最大值帅掘。
post 和get的區(qū)別
- 都是指表單向服務(wù)器傳送數(shù)據(jù)用的方式
- 區(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有什么作用?
- 為input元素定義了唯一的名稱 盹牧,沒有name就無法提交
<button>提交</button> <a class="btn" href="#">提交</a> <input type="submit" value="提交">
三者有什么區(qū)別实抡?
- 第一個是一個提交按鈕
- 第二個是一個鏈接欠母,點提交跳轉(zhuǎn)
- 第三個是提交表單,點提交提交表單
radio如何分組吆寨?
<form>
<p>性別:
<input type="radio" name="sex" value="male">男</br>
<input type="radio" name="sex" value="female">女</br>
<input type="submit" value="提交">
</p>
</form>
- name相同時就能將radio分為一組赏淌,選項單選。
placeholder 屬性有什么作用?
- 在輸入框中顯示提示用戶應(yīng)該輸入的內(nèi)容啄清。
type=hidden隱藏域有什么作用? 舉例說明
- 隱藏域在頁面中對于用戶是不可見的六水,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用辣卒。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候掷贾,隱藏域的信息也被一起發(fā)送到服務(wù)器。
- 用戶提交一個表單上來時要確定用戶的身份荣茫,可以用hidden里的信息核對確認想帅。