常用的CSS屬性。備查

2021-06-28 22:14:48 字數 3348 閱讀 8358

在網上收集了一些常用的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 備查指南(專案常用)

單行文字 多行文字 class scroll test style width 200px height 300px overflow auto background e3f0fc style height 500px div div 滾動條整體樣式 scroll test webkit scrol...

CSS屬性(常用的屬性)

css屬性 常用的屬性 一 文字與字型屬性 1.字型屬性 1 font size 字型的大小 例如 font size 14px em當前物件內文字字型大小 pt絕對長度單位 多少個點的單位 px相對長度單位 畫素 2 font family 字型的型別 例如 font family 隸書 宋體 a...

常用的CSS屬性

display 設定元素的顯示方式 block 塊級元素的預設值 inline 行內元素的預設值 inline block none 隱藏元素,這種隱藏是真的隱藏,隱藏後元素不再占用空間了 visibility hidden 也可以隱藏元素,但是這種隱藏只是元素不顯示了,在原位置還占用空間.text...