css 屬性歸納

2021-09-02 10:59:33 字數 2627 閱讀 4161

屬性

描述css

background

在乙個宣告中設定所有的背景屬性。

1background-attachment

設定背景影象是否固定或者隨著頁面的其餘部分滾動。

1background-color

設定元素的背景顏色。

1background-image

設定元素的背景影象。

1background-position

設定背景影象的開始位置。

1background-repeat

設定是否及如何重複背景影象。1

屬性描述

cssborder

在乙個宣告中設定所有的邊框屬性。

1border-bottom

在乙個宣告中設定所有的下邊框屬性。

1border-bottom-color

設定下邊框的顏色。

2border-bottom-style

設定下邊框的樣式。

2border-bottom-width

設定下邊框的寬度。

1border-color

設定四條邊框的顏色。

1border-left

在乙個宣告中設定所有的左邊框屬性。

1border-left-color

設定左邊框的顏色。

2border-left-style

設定左邊框的樣式。

2border-left-width

設定左邊框的寬度。

1border-right

在乙個宣告中設定所有的右邊框屬性。

1border-right-color

設定右邊框的顏色。

2border-right-style

設定右邊框的樣式。

2border-right-width

設定右邊框的寬度。

1border-style

設定四條邊框的樣式。

1border-top

在乙個宣告中設定所有的上邊框屬性。

1border-top-color

設定上邊框的顏色。

2border-top-style

設定上邊框的樣式。

2border-top-width

設定上邊框的寬度。

1border-width

設定四條邊框的寬度。

1outline

在乙個宣告中設定所有的輪廓屬性。

2outline-color

設定輪廓的顏色。

2outline-style

設定輪廓的樣式。

2outline-width

設定輪廓的寬度。2

屬性描述

csscolor

設定文字的顏色。

1direction

規定文字的方向 / 書寫方向。

2letter-spacing

設定字元間距。

1line-height

設定行高。

1text-align

規定文字的水平對齊方式。

1text-decoration

規定新增到文字的裝飾效果。

1text-indent

規定文字塊首行的縮排。

1text-shadow

規定新增到文字的陰影效果。

2text-transform

控制文字的大小寫。

1unicode-bidi

設定文字方向。

2white-space

規定如何處理元素中的空白。

1word-spacing

設定單詞間距。1

屬性描述

cssfont

在乙個宣告中設定所有字型屬性。

1font-family

規定文字的字型系列。

1font-size

規定文字的字型尺寸。

1font-size-adjust

為元素規定 aspect 值。

2font-stretch

收縮或拉伸當前的字型系列。

2font-style

規定文字的字型樣式。

1font-variant

規定是否以小型大寫字母的字型顯示文字。

1font-weight

規定字型的粗細。1

屬性描述

cssmargin

在乙個宣告中設定所有外邊距屬性。

1margin-bottom

設定元素的下外邊距。

1margin-left

設定元素的左外邊距。

1margin-right

設定元素的右外邊距。

1margin-top

設定元素的上外邊距。1

屬性描述

csspadding

在乙個宣告中設定所有內邊距屬性。

1padding-bottom

設定元素的下內邊距。

1padding-left

設定元素的左內邊距。

1padding-right

設定元素的右內邊距。

1padding-top

設定元素的上內邊距。

1

自己老是對屬性映象不深,就複製了一些屬性。用到時就看,總會熟悉它的。

CSS3屬性歸納

根據 w3school 歸納 主要包含相容性及部分坑 邊框 border radius 不相容 ie8 以下 box shadow 不相容 ie8 以下 border image 僅ie11,需要 webkit o 字首 ios瀏覽器中會無效,相容寫法 border 15px solid trans...

flexbox屬性歸納

歸納一下flex的屬性,以防自己忘記。flex 布局,可以簡便 完整 響應式地實現各種頁面布局。flext盒子有兩根軸,水平軸,垂直軸 方便自己記憶 flex盒子內的元素我們稱為item。容器有6個屬性 flex direction flex wrap flex flow justify conte...

CSS歸納總結

選擇器的分組 css選擇器分為 1.群組選擇器 如 p,body,img,div 2.兄弟選擇器 如 p p 3.屬性選擇器 如 p title 4.包含 後代 選擇器 如 body ulli 5.子元素選擇器 如 div p 6.id選擇器 如 mydiv 7.類選擇器 如 class1 8.偽元...