CSS屬性總結

2021-10-25 01:16:18 字數 692 閱讀 2215

系統總結一下css,解決沒認真學過css的歷史遺留問題。

把列表項顯示為內聯元素:

li
把span元素作為塊元素:

span
visibility 還可能取值為 collapse 。

當設定元素visibility: collapse後,一般的元素的表現與visibility: hidden一樣,也即其會占用空間。但如果該元素是與 table 相關的元素,例如 table row、table column、table column group、table column group 等,其表現卻跟display: none一樣,也即其占用的空間會釋放。

html 元素的預設值,即沒有定位,遵循正常的文件流物件。

靜態定位的元素不會受到 top, bottom, left, right影響。

元素的位置相對於瀏覽器視窗是固定位置。

即使視窗是滾動的它也不會移動。

相對定位元素的定位是相對其正常位置。

絕對定位的元素的位置相對於最近的已定位父元素,如果元素沒有已定位的父元素,那麼它的位置相對於。

sticky 英文本面意思是粘,貼上,所以可以把它稱之為粘性定位。

常用CSS屬性總結

屬性 描述可能值 background 在乙個宣告中設定所有背景屬性 background attachment 設定背景影象是否隨著頁面的其餘部分滾動 scroll 預設值 fixed inherit background color 設定元素背景色 yellow 00ff00 rgb 255,0...

css屬性總結(一)

1 padding 不能出現負值 2 margin 可以出現負值 3 boder復合屬性 必須同時設定顏色 大小 樣式 方向性復合屬性值的縮寫方法 1個值 4個方向 margin 10px 所有4個外邊距都是10px 2個值 上下 左右 border width 5px 10px 上下邊框寬度為5p...

css屬性總結(一)

1 padding 不能出現負值 2 margin 可以出現負值 3 boder復合屬性 必須同時設定顏色 大小 樣式 方向性復合屬性值的縮寫方法 1個值 4個方向 margin 10px 所有4個外邊距都是10px 2個值 上下 左右 border width 5px 10px 上下邊框寬度為5p...