常用的CSS屬性

2022-03-12 22:58:56 字數 4257 閱讀 2599

1.css背景屬性(background)

屬性

描述

background

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

background-attachment

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

background-color

設定元素的背景顏色

background-image

設定元素的背景影象

background-position

設定背景影象的開始位置

background-repeat

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

2.css邊框屬性(border與outline)

屬性

描述

border

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

border-bottom

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

border-bottom-color

設定下邊框的顏色

border-bottom-style

設定下邊框的樣式

border-bottom-width

設定下邊框的寬度

border-color

設定四條邊框的顏色

border-left

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

border-left-color

設定左邊框的顏色

border-left-style

設定左邊框的樣式

border-left-width

設定左邊框的寬度

border-right

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

border-right-color

設定右邊框的顏色

border-right-style

設定右邊框的樣式

border-right-width

設定右邊框的寬度

border-style

設定四條邊框的樣式

border-top

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

border-top-color

設定上邊框的顏色

border-top-style

設定上邊框的樣式

border-top-width

設定上邊框的寬度

border-width

設定四條邊框的寬度

outline

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

outline-color

設定輪廓的顏色

outline-style

設定輪廓的樣式

outline-width

設定輪廓的寬度

3.css文字屬性(text)

屬性

描述

color

設定文字的顏色

direction

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

letter-spacing

設定字元間距

line-height

設定行高

text-align

規定文字的水平對齊方式

text-decoration

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

text-indent

規定文字塊首行的縮排

text-shadow

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

text-transform

控制文字的大小寫

unicode-bidi

設定文字方向

white-space

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

word-spacing

設定單詞間距

4.css字型屬性(font)

屬性

描述

font

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

font-family

規定文字的字型系列

font-size

規定文字的字型尺寸

font-size-adjust

為元素規定aspect值

font-stretch

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

font-style

規定文字的字型樣式

font-variant

設定或檢索物件中的文字是否為小型的大寫字母

font-weight

規定字型的粗細

5.css外邊距屬性(margin)

屬性

描述

margin

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

margin-bottom

設定元素的下外邊距

margin-left

設定元素的左外邊距

margin-right

設定元素的右外邊距

margin-top

設定元素的上外邊距

6.css內邊距屬性(padding)

屬性

描述

padding

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

padding-bottom

設定元素的下內邊距

padding-left

設定元素的左內邊距

padding-right

設定元素的右內邊距

padding-top

設定元素的上內邊距

7.css列表屬性(list)

屬性

描述

list-style

在乙個宣告中設定所有的列表屬性

list-style-image

將影象設定為列表項標記

list-style-position

設定列表項標記的放置位置

list-style-type

設定列表項標記的型別

8.css尺寸屬性(dimension)

屬性

描述

height

設定元素高度

max-height

設定元素的最大高度

max-width

設定元素的最大寬度

min-height

設定元素的最小高度

min-width

設定元素的最小寬度

width

設定元素的寬度

9.css定位屬性(positioning)

屬性

描述

bottom

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

clear

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

clip

剪裁絕對定位元素

cursor

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

display

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

float

規定框是否應該浮動

left

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

overflow

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

position

規定元素的定位型別

right

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

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

vertical-align

設定元素的垂直對齊方式

visibility

規定元素是否可見

z-index

設定元素的堆疊順序

10.css**屬性(table)

屬性

描述

border-collapse

規定是否合併**邊框

border-spacing

規定相鄰單元格邊框之間的距離

caption-side

規定**標題的位置

empty-cells

規定是否顯示**中的空單元格上的邊框和背景

table-layout

設定用於**的布局演算法

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...

css 常用屬性

字型屬性 font 大小font size x large 特大 xx all 極小 一般中文用不到,只要用數值就可以,單位 px pd 樣式font style oblique 偏斜體 italic 斜體 normal 正常 行高line height normal 正常 單位 px pd em粗...