常用的CSS屬性列表彙總

2021-06-28 07:05:06 字數 4120 閱讀 5646

近期教學給學員總結常用的css屬性,方便學習查詢,正好發上來也給大家分享一下。

**最右列的數字標識支援的css最低版本。

01. css背景屬性(background)

屬性與描述

background:在乙個宣告中設定所有的背景外掛程式1

background-attachment:設定背景影象是否固定或者隨著頁面的其餘部分滾動1

background-color:設定元素的背景顏色1

background-image:設定元素的背景影象1

background-position:設定背景影象的開始位置1

background-repeat:設定是否及如何重複背景影象

02. css邊框屬性(border和outline)

屬性與描述

border:在乙個宣告中設定所有的邊框屬性1

border-bottom:在乙個宣告中設定所有的下邊框屬性1

border-bottom-color:設定下邊框的顏色2

border-bottom-style:設定下邊框的樣式2

border-bottom-width:設定下邊框的寬度1

border-color:設定四條邊框的顏色1

border-left:在乙個宣告中設定所有的左邊框屬性1

border-left-color:設定左邊框的顏色2

border-left-style:設定左邊框的樣式2

border-left-width:設定左邊框的寬度1

border-right:在乙個宣告中設定所有右邊框的屬性1

border-right-color:設定右邊框的顏色2

border-right-style:設定右邊框的樣式2

border-right-width:設定右邊框的寬度1

border-style:設定四條邊框的樣式1

border-top:在乙個宣告中設定所有上邊框的屬性1

border-top-color:設定上邊框的顏色2

border-top-style:設定上邊框的樣式2

border-top-width:設定上邊框的寬度1

border-width:設定四條邊框的寬度1

outline:在乙個宣告中設定所有的輪廓屬性2

outline-color:設定輪廓的顏色2

outline-style:設定輪廓的樣式2

outline-width:設定輪廓的寬度

03. css文字屬性(text)

屬性與描述

color:設定文字的顏色1

direction:規定文字的方向/書寫方向2

letter-spacing:設定字元間距1

line-height:設定行高1

text-align:規定文字的水平對齊方式1

text-decoration:規定新增到文字的裝飾效果1

text-indent:規定文字塊首行的縮排1

text-shadow:規定新增到文字的陰影效果2

text-transform:控制文字的大小寫1

unicode-bidi:設定文字方向2

white-space:規定如何處理元素中的空白1

word-spacing:設定單詞間距1

04. css字型屬性(font)

屬性與描述

font:在乙個宣告中設定所有字型屬性1

font-family:規定文字的字型系列1

font-size:規定文字的字型尺寸1

font-size-adjust:為元素規定aspect值2

font-stretch:收縮或拉伸當前的字型系列2

font-style:規定文字的字型壓實1

font-variant:規定文字的字型樣式1

font-weight:規定字型的粗細

05. css外邊距屬性(margin)

屬性與描述

margin:在乙個宣告中設定所有的外邊距屬性1

margin-bottom:設定元素的下外邊距1

margin-left:設定元素的左外邊距1

margin-right:設定元素的右外邊距1

margin-top:設定元素的上外邊距

06. css內邊距屬性(padding)

屬性與描述

padding:在乙個宣告中設定所有的內邊距屬性1

padding-bottom:設定元素的下內邊距1

padding-left:設定元素的左內邊距1

padding-right:設定元素的右內邊距1

padding-top:設定元素的上內邊距

07. css列表屬性(list)

屬性與描述

list-style:在乙個宣告中設定所有的列表屬性1

list-style-image:將影象設定為列表項標記1

list-position:設定列表項標記的放置位置1

list-style-type:設定列表項標記的型別

08. css尺寸屬性(dimension)

屬性與描述

height:設定元素高度1

max-height:設定元素的最大高度2

max-width:設定元素的最大寬度2

min-height:設定元素的最小高度2

min-width:設定元素的最小寬度2

width:設定元素的寬度1

09. css定位屬性(positioning)

屬性與描述

bottom:設定定位元素下外邊距邊界與其包含塊下邊界之間的偏移2

clear:規定元素的哪一側不允許其他浮動元素1

clip:剪裁絕對定位元素2

cursor:規定要顯示的游標型別(形狀)2

display:規定元素應該生成的框的型別1

float:規定框是否應該浮動1

left:設定定位元素左外邊距邊界與其包含塊左邊界之間的偏移2

overflow:規定當內容溢位元素框時發生的事情2

position:規定元素定位型別2

right:設定定位元素右外邊距邊界與其包含塊右邊之間的偏移2

top:設定定位元素上外邊距邊界與其包含塊上邊之間的偏移2

vertical-align:設定元素的垂直對其方式1

visibility:規定元素是否可見2

z-index:設定元素的堆疊順序

10. css**屬性(table)

屬性與描述

border-collapse:規定是否合併**邊框2

border-spacing:規定相鄰單元格邊框之間的距離2

caption-side:規定**標題的位置2

empty-cells:規定是否顯示**中的空單元格上的邊框和背景2

table-layout:設定用於**的布局演算法

文章源自: 

常用的CSS屬性列表彙總

近期教學給學員總結常用的css屬性,方便學習查詢,正好發上來也給大家分享一下。最右列的數字標識支援的css最低版本。01.css背景屬性 background 屬性與描述 background 在乙個宣告中設定所有的背景外掛程式1 background attachment 設定背景影象是否固定或者...

CSS屬性彙總

因為頁面上顯示的所有元素都是在標籤裡的,因此可以通過給標籤指定css樣式,即可給整個頁面指定css樣式 但是該方法並不適用所有標籤元素,比如標題標籤,需要額外指定css樣式 如字型大小等 font系列屬性用於定義字型系列,大小,粗細,和文字樣式 font size 設定字型大小,通常用的單位是px,...

CSS屬性列表

css屬性列表 我要學習學習再學習 伊派 屬性名稱 字型屬性 font font family font style font variant font weight font size 顏色和背景屬性 color background color background image backgrou...