css權威指南學習筆記 列表與生成內容

2022-05-17 12:55:46 字數 917 閱讀 8643

列表屬性

1.list-style-type:css2多於css2.1

2.list-style-image:有繼承,子級列表會繼承該影象

3.list-style-position:inside|outside|inherit   inside:列表符號在內容開始的地方,outside:列表符號單獨列在列表內容的外面。

將前面三個屬性合併:list-style ,有繼承性,三個屬性沒有順序要求,只有提供了乙個值,其他值可以被忽略 例如:li

列表標誌位置

標誌相對於內容絕對定位,css2用display:marker和marker-offset屬性來調整標誌的相對於內容的距離,css2.1覺笨拙,淘汰,css3草案定義使用maker偽元素來控制(簡潔新方法)例:li::marker  瀏覽器現在並沒有實現。

生成內容

1、插入生成內容:  偽元素:before 和:after ;content 屬性值為插入的內容。生成內容放在元素框的內部。css2及css2.1明確地禁止浮動或定位:before和:after內容,且禁止使用列表樣式屬性和表屬性。另外有2個限制:1.若這兩個選擇器的主體是塊級元素,則display屬性只接受值none、inline、block、和marker 其他值處理為block。2、若這個兩個選擇器的主體是行內元素,屬性display只能接受none和inline。其他值處理為inline.

2、生成內容由與之關聯的元素繼承值(只應用於可繼承的屬性)。如:關聯主體是綠色,生成內容也是綠色

指定內容

content 值:normal | [| | | attr() | open-quote | close-quote | no - open - quote | no-close-quote ] + | inherit

《CSS權威指南》學習記錄 列表

咖啡li 茶li 牛奶li ul 列表項內部可以使用段落 換行符 鏈結以及其他列表等等。咖啡li 牛奶li 茶li ol 列表項內部可以使用段落 換行符 鏈結以及其他列表等等。自定義列表不僅僅是一列專案,而是專案及其注釋的組合。自定義列表以 標籤開始。每個自定義列表項以 開始。每個自定義列表項的定義...

css權威指南學習筆記

替換元素 用來替換元素內容的部分並非有文件內容直接表示。元素也是替換元素,單選鈕,核取方塊,文字輸入框。非替換元素 段落,標題,表單元格,列表。除了替換和非替換元素,css2.1還使用另外兩種基本元素型別 塊級元素和行內元素。塊級元素生成乙個元素框,會填充其父元素的內容區,旁邊不能有其他元素。例 行...

css權威指南學習筆記

2016 08 03 1,繼承 一般大多數框模型屬性都是不能繼承的。如 padding margin border background 都不能繼承。繼承值,完全沒有特殊性。就是優先順序最低 2,縮排 text indent 屬性 段落前空格。應用於塊級元素 3,水平對齊 text align te...