了解HTML列表

2022-01-17 19:35:55 字數 1558 閱讀 4442

//

ie7-瀏覽器margin-left: 30pt;

ul

//

ie7-瀏覽器margin-left: 30pt;

ol

coffee

milk

【屬性】

html5為ol新增了兩個屬性:reversed和start

1、reversed

降序(ie和safari不支援)

2、start

有序列表的起始項(沒有start屬性的css替代方案)

"

2">

咖啡牛奶茶

可樂酒

marker

marker表示ol或ul中li的列表項標誌,雖然list-style樣式只能應用於display的值為list-item的元素,但由於該樣式可繼承,所以竟然將其應用在ol或ul,然後通過繼承,使所有的li都獲取設定的list-style樣式。如果給某乙個li設定list-style樣式,將覆蓋其從父級繼承的list-style樣式

list-style(列表項標誌復合樣式):list-style-type list-style-image list-style-position
1、list-style-type:列表項標誌型別

2、list-style-image:列表項標誌影象

3、list-style-position:列表項標誌位置

[注意]當list-style-image不為none時,list-style-type值將被覆蓋;通常提供乙個作為「後路」的標誌型別,應付影象未能載入的意外情況

[注意]ie7-瀏覽器不支援屬性值 "decimal-leading-zero"、"lower-greek"、"lower-latin"、"upper-latin"、"armenian"、"georgian"

定義列表(define list)簡寫是dl,是乙個包含術語定義以及描述的列表,通常用於展示詞彙表或者元資料(鍵-值對列表)

定義元素(define list title)用於在乙個定義列表中宣告乙個術語。該元素僅能作為dl的子元素出現。通常在該元素後面會跟著dd元素

描述元素(define list describe)用來指明乙個描述列表dl元素中乙個術語的描述。這個元素只能作為描述列表元素的子元素出現,並且必須跟著乙個dt元素

[注意]乙個dt可對應多個dd;的display都是block

【預設樣式】

dl

//ie7-瀏覽器margin-left: 30pt;

初始了解html

url 統一資源定位符 http 超文字傳輸協議 html 超文字標記語言 常見的瀏覽器核心可以分這四種 trident gecko blink webkit 1 html標籤 作用所有html中標籤的乙個根節點。最大的標籤 根標籤 2 head標籤 文件的頭部 文件的頭部描述了文件的各種屬性和資訊...

Html 段落列表

列表 1.無序列表 today tomorrow 2.有序列表 today tommorrow 1.today 2.tomorrow 3.定義列表.today today is yesterday tomorrow tomorrow is today today today is yesterday...

HTML 速查列表

1 html 基本文件 可見文字.2 基本標籤 basic tags 最小的標題 這是乙個段落。換行 水平線 文字格式化 formatting 粗體文字 計算機 強調文字 斜體文字 鍵盤輸入 預格式化文字更小的文字 重要的文字 縮寫 聯絡資訊 文字方向 從另乙個源引用的部分 工作的名稱 刪除的文字 ...