一、ul無序列表 1、無序列表定義 無序列表是一個項目的列表,此列項目使用粗體圓點(典型的小黑圓圈)進行標記。 無序列表始於 <ul>標簽。每個列表項始於 <li>。 ul標簽結構: <ul> <li>清心</li> <li>海牙</li> <li>玄武</li> </ul> 2、無序列表項目符號 ...
一、ul無序列表
1、無序列表定義
無序列表是一個項目的列表,此列項目使用粗體圓點(典型的小黑圓圈)進行標記。
無序列表始於 <ul>
標簽。每個列表項始於 <li>
。
2、無序列表項目符號 (基本不用,企業開發用圖片代替)<ul type="disc"></ul>
type=”disc” 實心圓
type=”circle” 空心圓
type=”square” 方塊符
3、無序列表的嵌套 (li 放內容,標簽 ,圖片,鏈接)
二、ol有序列表
1、列表定義
有序列表也是一列項目,列表項目使用數字進行標記。有序列表始於 <ol>
標簽。每個列表項始於 <li>
標簽。
2、有序列表項目符號 (基本不用,企業開發用圖片代替) <ol type="A"></ol>
type=”A” A B C…序列號
type=”a” a b c …序列號
type=”I” I II III…序列號
3、有序列表的嵌套
<ol> <li>咖啡</li> <li>茶 <ul> <li>紅茶</li> <li>綠茶</li> </ul> </li> </ol>三、dl定義列表
1、定義列表
自定義列表不僅僅是一列項目,而是項目及其註釋的組合。
自定義列表以<dl>
標簽開始。每個自定義列表項以<dt>
開始。每個自定義列表項的定義以<dd>
開始。
四、樣式初始化
首先我們來認識下,什麼是樣式初始化。樣式始初始化是指,我們的元素被預設的初始化了某些樣式屬性值,我們來看下有哪些標簽加了那些預設的屬性值。
<style type="text/css"> body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin:0;} ol,ul{margin:0;padding:0;list-style:none;} a{text-decoration:none;} img{border:none;} </style>但凡是瀏覽器預設的樣式,都不要使用。
在寫案例前,會在樣式的前面先把預設樣式清除,以免造成不必要的相容問題
提示:
預設樣式沒用,為什麼瀏覽器還要給他加預設樣式呢?? 是因為表現他本身的結構特性