- 有序列表、無序列表、自定義列表如何使用?寫個簡單的例子。三者在語義上有什么區別?使用場景是什么? 能否嵌套?
這是一個有序列表:
`<ol>`
`<li>第一步</li>`
`<li>第二步</li>`
`</ol>`
效果如下:
1.第一步
2.第二步
有序列表在語義上表示一個先后順序;
這是一個無序列表:
`<ul>`
`<li>蘋果</li>`
`<li>梨子</li>`
`</ul>`
效果如下:
·蘋果
·梨子
無序列表在語義上不分先后,例如類別的列舉;
這是一個自定義列表:
`<dl>`
`<dt>iPhone</dt>`
`<dd>蘋果公司出的手機</dd>`
`</dl>`
效果如下:
iPhone
蘋果公司生產的手機
自定義列表是一個名詞與其解釋的組合。
自定義列表、有序列表與無序列表之間可以相互套用。
-
如何去除列表前面的點或者數字?
li{list-style-type:none;}
-
class 和 id 有什么區別?什么時候用 class 什么時候用 id?####
class定義一個類名,不是唯一的可以應用在頁面上任意多的元素上;id在一個頁面中是唯一的只能用在一個元素上。
class常用于各種類別的定義,id常用于頁面布局,標識結構性元素,此外也會用于標識一次性元素。
-
塊級元素、行內元素是什么?有什么區別?分別對應哪些常用標簽?####
塊級元素通常會占據其父元素的整個空間,像是創建出一個塊;
行內元素只占據它對應標簽的邊框所包含的空間。
區別:默認情況下,塊級元素會新起一行。一般塊級元素可以包含行內元素和其他塊級元素。
默認情況下,行內元素不會以新行開始,行內元素只能包含數據和其他行內元素。
常用的行內元素:big,small,tt,abbr,cite,code,em,strong,var,a,br,map,img
,object,span,sup,sub,botton,input,label,select,textarea,b.常用的塊級元素:p,div,form,ul,ol,dl,blockquote,hr,h1~h6,fieldset,table,pre,
tfoot,article,address.-
display: block、display: inline、display: inline-block分別有什么作用?####
display:block--可將行內元素轉化成塊級元素,擁有塊級元素的屬性;控制顯示與display:none相反;
display:inline--將塊級元素轉化成行內元素,擁有行內元素屬性;
display:inline-block使元素同時擁有行內元素與塊級元素的屬性。
-
下面代碼的作用?####
`<div id="header"></div>` `<div id="content">` `<div class="main"></div>` `<div class="aside"></div>` `</div>` `<div id="footer"></div>`
該段代碼將頁面分成三行布局,頭部,內容區,底部;內容區又分為側邊欄與主內容區域。
-
如何理解 HTML CSS 語義化?####
HTML標簽本身是意義的。排版布局盡量使用有意義的標簽或者命名,讓別人在看代碼的時候就可以明白頁面的布局。例如:導航就使用nav,側邊欄就用aside等。
-
form表單有什么作用?有哪些常用的input 標簽,分別有什么作用?####
form表單就是用用來向服務器提交數據用的;
常用的input標簽有button普通按鈕;checkbox復選框;file上傳文件;hidden隱藏按鈕;image上傳圖片;password密碼框;radio單選按鈕;reset重置按鈕;submit提交按鈕;text文本框;url網址;email郵件。
-
post 和 get 方式的區別?####
post與get都可用來接收和發送數據;
post較get提交的數據量要大很多,一般情況下內容較多的表單都會用post提交;
get提交的數據都會在瀏覽器地址欄顯示出來,特別是賬號密碼容易引起安全風險,而post不會。
-
在input里,name 有什么作用?####
input里name屬性規定input元素的名稱;且可以對提交到數據庫的表單數據進行標識。頁面中JavaScript也可以通過name引用表單數據。
-
<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交">
三者有什么區別?####<button>提交</button>
僅僅是一個簡單的按鈕;
<a class="btn" href="#">提交</a>
帶有超鏈接樣式為btn的提交;
<input type="submit" value="提交">
可用作表單的提交按鈕。 -
radio 如何 分組?####
定義相同的name屬性值。
-
placeholder 屬性有什么作用?####
placeholder屬性提供可描述輸入字段與預期值的提示信息,輸入字段為空時會顯示,獲取到焦點后消失;適用于input的類型有:text,search,url,telephone,email,password。
-
type=hidden隱藏域有什么作用? 舉例說明####
隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發送信息。