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

2021-07-13 08:18:11 字數 2074 閱讀 2677

咖啡li>

茶li>

牛奶li>

ul>

列表項內部可以使用段落、換行符、、鏈結以及其他列表等等。

咖啡li>

牛奶li>

茶li>

ol>

列表項內部可以使用段落、換行符、、鏈結以及其他列表等等。

自定義列表不僅僅是一列專案,而是專案及其注釋的組合。

自定義列表以

標籤開始。每個自定義列表項以

開始。每個自定義列表項的定義以

開始。

計算機

用來計算的儀器 ...

... 顯示器

以視覺方式顯示資訊的裝置 ...

咖啡li>

茶紅茶li>

綠茶中國茶li>

非洲茶li>

ul>

li>

ul>

li>

牛奶li>

關鍵字:list-style-type。預設值為disc,應用於display值為list-item的元素,有繼承性。

css無法區別有序列表項和無序列表項,因此可以在有序列表中使用同心圓而非數字,不過最終的結果可能還是要由使用者**決定。

不想顯示標誌,可以使用none,不過並不會中斷有序列表中的計數。

class="try">咖啡li>

牛奶li>

class="try">茶li>

水li>

關鍵字:list-style-image。可接受:url、none(預設值)。應用於display值為list-item的元素。有繼承性。

如果影象未能正常載入,或被破壞,或不是使用者**能處理的格式,這時提供乙個作為「後路」的標誌型別往往是乙個好主意:

ul

li

關鍵字:list-style-position。可接受:inside、outside(預設值)。有繼承性。

class="inside">

earl grey tea - 一種黑顏色的茶li>

jasmine tea - 一種神奇的「全功能」茶li>

honeybush tea - 一種令人愉快的果味茶li>

ul>

class="outside">

earl grey tea - 一種黑顏色的茶li>

jasmine tea - 一種神奇的「全功能」茶li>

honeybush tea - 一種令人愉快的果味茶li>

關鍵字:list-style。順序無所謂,沒有顯式宣告的值為預設值,有繼承性。

li

《CSS權威指南》學習記錄 浮動

關鍵字 float。可接受 left right none 預設值 適用於所有元素。無繼承性。乙個元素浮動時,其他元素會 圍繞 該元素。浮動元素不會與周圍元素發生外邊距合併。如果要浮動乙個非替換元素,則必須要為其宣告乙個width。讓乙個元素浮動,它會像塊級元素一樣擺放和表現,但本質不變。幾點規則 ...

《CSS權威指南》學習記錄 定位(一)

利用定位,可以準確地定義元素框相對於其正常位置應該出現在 或者相對于父元素 另乙個元素甚至瀏覽器視窗本身的位置。關鍵字 position。可接受 static 預設值 relative absolute fixed。應用於所有元素。無繼承性。static 元素框正常生成。relative 元素框偏移...

《CSS權威指南》學習記錄 文字屬性

使用文字屬性,可以控制文字的顏色 字元間距,對齊文字,裝飾文字,對文字進行縮排等。p 通過使用text indent,可以將元素的第一行縮排乙個指定長度,甚至是負值。一般的,可以將其應用到所有塊級元素上,但不能應用到行內 inline 元素上,影象之類的替換元素也不行。不過,如果乙個塊級元素的首行中...