CSS 屬性表 簡表

2021-04-23 08:09:28 字數 2899 閱讀 3587

css 屬性表簡表,列出了一些我們常用的css的屬性。

屬性名稱 屬性含義 屬性值

字型屬性(font)

以下為引用的內容:

font-family 使用什麼字型 所有的字型

font-style 字型是否斜體 normal、italic、oblique

font-variant 是否用小體大寫 normal、small-caps

font-weight 字型的粗細 normal、bold、bolder、lithter等

font-size 字型的大小 absolute-size、relative-size、length、percentage等

顏色和背景屬性

以下為引用的內容:

color 定義前景色 顏色

background-color 定義背景色 顏色

background-image 定義背景圖案 路徑

background-repeat 重複方式 repeat-x、repeat-y、no-repeat

background-attachment 設定滾動 scroll、fixed

background-position 初始位置 percentage、length、top、left、right、bottom等

文字屬性

以下為引用的內容:

word-spacing 單詞之間的間距 normal

letter-spacing 字母之間的間距 normal

text-decoration 文字的裝飾樣式 none|underline|overline|line-through|blink

vertical-align 垂直方向的位置 baseline|sub|super|top|text-top|middle|bottom|text-bottom

text-transform 文字轉換 capitalize|uppercase|lowercase|none

text-align 對齊方式 left|right|center|justify

text-indent 首行的縮排方式 |

line-height 文字的行高 normal|||

邊距屬性

以下為引用的內容:

margin-top 頂端邊距 length|percentage|auto

margin-right 右側邊距 length|percentage|auto

margin-bottom 底端邊距 length|percentage|auto

margin-left 左側邊距 length|percentage|auto

填充距屬性

以下為引用的內容:

padding-top 頂端填充距 length|percentage

padding-right 右側填充距 length|percentage

padding-bottom 底端填充距 length|percentage

padding-left 左側填充距 length|percentage

邊框屬性

以下為引用的內容:

border-top-width 頂端邊框寬度 thin|medium|thick|length

border-right-width 右側邊框寬度 thin|medium|thick|length

border-bottom-width 底端邊框寬度 thin|medium|thick|length

border-left-width 左側邊框寬度 thin|medium|thick|length

border-width 一次定義寬度 thin|medium|thick|length

border-color 設定邊框顏色 color

border-style 設定邊框樣式 none|dotted|dash|solid等

border-top 一次定義頂端 border-top-width|color等

border-right 一次定義右側 border-top-width|color等

border-bottom 一次定義底端 border-top-width|color等

border-left 一次定義左側 border-top-width|color等

width 定義寬度屬性 length|percentage|auto

height 定義高度屬性 length|auto

float 文字環繞 left|right|none

clear 哪一邊環繞 left|right|none|both

分級屬性

以下為引用的內容:

display 定義是否顯示 block、inline、list-item、none

white-space 怎樣處理空白 normal、pre、nowrap

list-style-type 加專案編號 disc、circle、square等

list-style-image 加圖案 |none

list-style-position 第二行起始位置 inside、outside

list-style 一次定義列表 ||

滑鼠 ( cursor ) 屬性

以下為引用的內容:

auto 自動

crosshair 定位「十」字

default 預設指標

hand 手形

move 移動

e-resize 箭頭朝右方

ne-resize 箭頭朝右上方

nw-resize 箭頭朝左上方

n-resize 箭頭朝上方

se-resize 箭頭朝右下方

sw-resize 箭頭朝左下方

s-resize 箭頭朝下方

w-resize 箭頭朝左方

text 文字「i」形

wait 等待

help 幫助

css樣式表的屬性

屬性名稱 字型屬性 font font family font style font variant font weight font size 顏色和背景屬性 color background color background image background repeat background ...

CSS樣式表屬性彙總

w3上看到了。除了inline和block的定義,主要是要注意 body h1 h6 blockquote menu ul ol dd等標籤的預設樣式 html,address,blockquote,body,dd,div,dl,dt,fieldset,form,frame,frameset,h1,...

CSS樣式表引數屬性大全

屬性名稱 字型屬性 font font family font style font variant font weight font size 顏色和背景屬性 color background color background image background repeat background ...