最近在學(xué)習(xí)CSS3，剛從網(wǎng)上找到CSS3參考手冊(cè)與大家分享：

CSS 參考手冊(cè)

• CSS 參考手冊(cè)
• CSS 選擇器

W3School 的 CSS 參考手冊(cè)定期通過(guò)所有主流瀏覽器進(jìn)行測(cè)試。

CSS 屬性

CSS 屬性組：

• 動(dòng)畫
• 背景
• 邊框和輪廓
• 盒（框）
• 顏色
• 內(nèi)容分頁(yè)媒體
• 定位
• 可伸縮框
• 字體
• 生成內(nèi)容
• 網(wǎng)格
• 超鏈接
• 行框
• 列表
• 外邊距
• Marquee
• 多列
• 內(nèi)邊距
• 分頁(yè)媒體
• 定位
• 打印
• Ruby
• 語(yǔ)音
• 表格
• 文本
• 2D/3D 轉(zhuǎn)換
• 過(guò)渡
• 用戶界面

"CSS" 列指示該屬性是在哪個(gè) CSS 版本（CSS1、CSS2 或 CSS3）中定義的。

CSS3 動(dòng)畫屬性（Animation）

屬性描述CSS

@keyframes	規(guī)定動(dòng)畫。	3
animation	所有動(dòng)畫屬性的簡(jiǎn)寫屬性，除了 animation-play-state 屬性。	3
animation-name	規(guī)定 @keyframes 動(dòng)畫的名稱。	3
animation-duration	規(guī)定動(dòng)畫完成一個(gè)周期所花費(fèi)的秒或毫秒。	3
animation-timing-function	規(guī)定動(dòng)畫的速度曲線。	3
animation-delay	規(guī)定動(dòng)畫何時(shí)開(kāi)始。	3
animation-iteration-count	規(guī)定動(dòng)畫被播放的次數(shù)。	3
animation-direction	規(guī)定動(dòng)畫是否在下一周期逆向地播放。	3
animation-play-state	規(guī)定動(dòng)畫是否正在運(yùn)行或暫停。	3
animation-fill-mode	規(guī)定對(duì)象動(dòng)畫時(shí)間之外的狀態(tài)。	3

CSS 背景屬性（Background）

屬性描述CSS

background	在一個(gè)聲明中設(shè)置所有的背景屬性。	1
background-attachment	設(shè)置背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)。	1
background-color	設(shè)置元素的背景顏色。	1
background-image	設(shè)置元素的背景圖像。	1
background-position	設(shè)置背景圖像的開(kāi)始位置。	1
background-repeat	設(shè)置是否及如何重復(fù)背景圖像。	1
background-clip	規(guī)定背景的繪制區(qū)域。	3
background-origin	規(guī)定背景圖片的定位區(qū)域。	3
background-size	規(guī)定背景圖片的尺寸。	3

CSS 邊框?qū)傩?#xff08;Border 和 Outline）

屬性描述CSS

border	在一個(gè)聲明中設(shè)置所有的邊框?qū)傩浴?/td>	1
border-bottom	在一個(gè)聲明中設(shè)置所有的下邊框?qū)傩浴?/td>	1
border-bottom-color	設(shè)置下邊框的顏色。	2
border-bottom-style	設(shè)置下邊框的樣式。	2
border-bottom-width	設(shè)置下邊框的寬度。	1
border-color	設(shè)置四條邊框的顏色。	1
border-left	在一個(gè)聲明中設(shè)置所有的左邊框?qū)傩浴?/td>	1
border-left-color	設(shè)置左邊框的顏色。	2
border-left-style	設(shè)置左邊框的樣式。	2
border-left-width	設(shè)置左邊框的寬度。	1
border-right	在一個(gè)聲明中設(shè)置所有的右邊框?qū)傩浴?/td>	1
border-right-color	設(shè)置右邊框的顏色。	2
border-right-style	設(shè)置右邊框的樣式。	2
border-right-width	設(shè)置右邊框的寬度。	1
border-style	設(shè)置四條邊框的樣式。	1
border-top	在一個(gè)聲明中設(shè)置所有的上邊框?qū)傩浴?/td>	1
border-top-color	設(shè)置上邊框的顏色。	2
border-top-style	設(shè)置上邊框的樣式。	2
border-top-width	設(shè)置上邊框的寬度。	1
border-width	設(shè)置四條邊框的寬度。	1
outline	在一個(gè)聲明中設(shè)置所有的輪廓屬性。	2
outline-color	設(shè)置輪廓的顏色。	2
outline-style	設(shè)置輪廓的樣式。	2
outline-width	設(shè)置輪廓的寬度。	2
border-bottom-left-radius	定義邊框左下角的形狀。	3
border-bottom-right-radius	定義邊框右下角的形狀。	3
border-image	簡(jiǎn)寫屬性，設(shè)置所有 border-image-* 屬性。	3
border-image-outset	規(guī)定邊框圖像區(qū)域超出邊框的量。	3
border-image-repeat	圖像邊框是否應(yīng)平鋪(repeated)、鋪滿(rounded)或拉伸(stretched)。	3
border-image-slice	規(guī)定圖像邊框的向內(nèi)偏移。	3
border-image-source	規(guī)定用作邊框的圖片。	3
border-image-width	規(guī)定圖片邊框的寬度。	3
border-radius	簡(jiǎn)寫屬性，設(shè)置所有四個(gè) border-*-radius 屬性。	3
border-top-left-radius	定義邊框左上角的形狀。	3
border-top-right-radius	定義邊框右下角的形狀。	3
box-decoration-break	?	3
box-shadow	向方框添加一個(gè)或多個(gè)陰影。	3

Box 屬性

屬性描述CSS

overflow-x	如果內(nèi)容溢出了元素內(nèi)容區(qū)域，是否對(duì)內(nèi)容的左/右邊緣進(jìn)行裁剪。	3
overflow-y	如果內(nèi)容溢出了元素內(nèi)容區(qū)域，是否對(duì)內(nèi)容的上/下邊緣進(jìn)行裁剪。	3
overflow-style	規(guī)定溢出元素的首選滾動(dòng)方法。	3
rotation	圍繞由 rotation-point 屬性定義的點(diǎn)對(duì)元素進(jìn)行旋轉(zhuǎn)。	3
rotation-point	定義距離上左邊框邊緣的偏移點(diǎn)。	3

Color 屬性

屬性描述CSS

color-profile	允許使用源的顏色配置文件的默認(rèn)以外的規(guī)范。	3
opacity	規(guī)定書簽的級(jí)別。	3
rendering-intent	允許使用顏色配置文件渲染意圖的默認(rèn)以外的規(guī)范。	3

Content for Paged Media 屬性

屬性描述CSS

bookmark-label	規(guī)定書簽的標(biāo)記。	3
bookmark-level	規(guī)定書簽的級(jí)別。	3
bookmark-target	規(guī)定書簽鏈接的目標(biāo)。	3
float-offset	將元素放在 float 屬性通常放置的位置的相反方向。	3
hyphenate-after	規(guī)定連字單詞中連字符之后的最小字符數(shù)。	3
hyphenate-before	規(guī)定連字單詞中連字符之前的最小字符數(shù)。	3
hyphenate-character	規(guī)定當(dāng)發(fā)生斷字時(shí)顯示的字符串。	3
hyphenate-lines	指示元素中連續(xù)斷字連線的最大數(shù)。	3
hyphenate-resource	規(guī)定幫助瀏覽器確定斷字點(diǎn)的外部資源（逗號(hào)分隔的列表）。	3
hyphens	設(shè)置如何對(duì)單詞進(jìn)行拆分，以改善段落的布局。	3
image-resolution	規(guī)定圖像的正確分辨率。	3
marks	向文檔添加裁切標(biāo)記或十字標(biāo)記。	3
string-set	?	3

CSS 尺寸屬性（Dimension）

屬性描述CSS

height	設(shè)置元素高度。	1
max-height	設(shè)置元素的最大高度。	2
max-width	設(shè)置元素的最大寬度。	2
min-height	設(shè)置元素的最小高度。	2
min-width	設(shè)置元素的最小寬度。	2
width	設(shè)置元素的寬度。	1

可伸縮框?qū)傩?#xff08;Flexible Box）

屬性描述CSS

box-align	規(guī)定如何對(duì)齊框的子元素。	3
box-direction	規(guī)定框的子元素的顯示方向。	3
box-flex	規(guī)定框的子元素是否可伸縮。	3
box-flex-group	將可伸縮元素分配到柔性分組。	3
box-lines	規(guī)定當(dāng)超出父元素框的空間時(shí)，是否換行顯示。	3
box-ordinal-group	規(guī)定框的子元素的顯示次序。	3
box-orient	規(guī)定框的子元素是否應(yīng)水平或垂直排列。	3
box-pack	規(guī)定水平框中的水平位置或者垂直框中的垂直位置。	3

CSS 字體屬性（Font）

屬性描述CSS

font	在一個(gè)聲明中設(shè)置所有字體屬性。	1
font-family	規(guī)定文本的字體系列。	1
font-size	規(guī)定文本的字體尺寸。	1
font-size-adjust	為元素規(guī)定 aspect 值。	2
font-stretch	收縮或拉伸當(dāng)前的字體系列。	2
font-style	規(guī)定文本的字體樣式。	1
font-variant	規(guī)定是否以小型大寫字母的字體顯示文本。	1
font-weight	規(guī)定字體的粗細(xì)。	1

內(nèi)容生成（Generated Content）

屬性描述CSS

content	與 :before 以及 :after 偽元素配合使用，來(lái)插入生成內(nèi)容。	2
counter-increment	遞增或遞減一個(gè)或多個(gè)計(jì)數(shù)器。	2
counter-reset	創(chuàng)建或重置一個(gè)或多個(gè)計(jì)數(shù)器。	2
quotes	設(shè)置嵌套引用的引號(hào)類型。	2
crop	允許被替換元素僅僅是對(duì)象的矩形區(qū)域，而不是整個(gè)對(duì)象。	3
move-to	從流中刪除元素，然后在文檔中后面的點(diǎn)上重新插入。	3
page-policy	確定元素基于頁(yè)面的 occurrence 應(yīng)用于計(jì)數(shù)器還是字符串值。	3

Grid 屬性

屬性描述CSS

grid-columns	規(guī)定網(wǎng)格中每個(gè)列的寬度。	3
grid-rows	規(guī)定網(wǎng)格中每個(gè)列的高度。	3

Hyperlink 屬性

屬性描述CSS

target	簡(jiǎn)寫屬性，設(shè)置target-name、target-new以及target-position屬性。	3
target-name	規(guī)定在何處打開(kāi)鏈接（鏈接的目標(biāo)）。	3
target-new	規(guī)定目標(biāo)鏈接在新窗口還是在已有窗口的新標(biāo)簽頁(yè)中打開(kāi)。	3
target-position	規(guī)定在何處放置新的目標(biāo)鏈接。	3

CSS 列表屬性（List）

屬性描述CSS

list-style	在一個(gè)聲明中設(shè)置所有的列表屬性。	1
list-style-image	將圖象設(shè)置為列表項(xiàng)標(biāo)記。	1
list-style-position	設(shè)置列表項(xiàng)標(biāo)記的放置位置。	1
list-style-type	設(shè)置列表項(xiàng)標(biāo)記的類型。	1
marker-offset	?	2

CSS 外邊距屬性（Margin）

屬性描述CSS

margin	在一個(gè)聲明中設(shè)置所有外邊距屬性。	1
margin-bottom	設(shè)置元素的下外邊距。	1
margin-left	設(shè)置元素的左外邊距。	1
margin-right	設(shè)置元素的右外邊距。	1
margin-top	設(shè)置元素的上外邊距。	1

Marquee 屬性

屬性描述CSS

marquee-direction	設(shè)置移動(dòng)內(nèi)容的方向。	3
marquee-play-count	設(shè)置內(nèi)容移動(dòng)多少次。	3
marquee-speed	設(shè)置內(nèi)容滾動(dòng)得多快。	3
marquee-style	設(shè)置移動(dòng)內(nèi)容的樣式。	3

多列屬性（Multi-column）

屬性描述CSS

column-count	規(guī)定元素應(yīng)該被分隔的列數(shù)。	3
column-fill	規(guī)定如何填充列。	3
column-gap	規(guī)定列之間的間隔。	3
column-rule	設(shè)置所有 column-rule-* 屬性的簡(jiǎn)寫屬性。	3
column-rule-color	規(guī)定列之間規(guī)則的顏色。	3
column-rule-style	規(guī)定列之間規(guī)則的樣式。	3
column-rule-width	規(guī)定列之間規(guī)則的寬度。	3
column-span	規(guī)定元素應(yīng)該橫跨的列數(shù)。	3
column-width	規(guī)定列的寬度。	3
columns	規(guī)定設(shè)置 column-width 和 column-count 的簡(jiǎn)寫屬性。	3

CSS 內(nèi)邊距屬性（Padding）

屬性描述CSS

padding	在一個(gè)聲明中設(shè)置所有內(nèi)邊距屬性。	1
padding-bottom	設(shè)置元素的下內(nèi)邊距。	1
padding-left	設(shè)置元素的左內(nèi)邊距。	1
padding-right	設(shè)置元素的右內(nèi)邊距。	1
padding-top	設(shè)置元素的上內(nèi)邊距。	1

Paged Media 屬性

屬性描述CSS

fit	示意如何對(duì)width和height屬性均不是auto的被替換元素進(jìn)行縮放。	3
fit-position	定義盒內(nèi)對(duì)象的對(duì)齊方式。	3
image-orientation	規(guī)定用戶代理應(yīng)用于圖像的順時(shí)針?lè)较蛐D(zhuǎn)。	3
page	規(guī)定元素應(yīng)該被顯示的頁(yè)面特定類型。	3
size	規(guī)定頁(yè)面內(nèi)容包含框的尺寸和方向。	3

CSS 定位屬性（Positioning）

屬性描述CSS

bottom	設(shè)置定位元素下外邊距邊界與其包含塊下邊界之間的偏移。	2
clear	規(guī)定元素的哪一側(cè)不允許其他浮動(dòng)元素。	1
clip	剪裁絕對(duì)定位元素。	2
cursor	規(guī)定要顯示的光標(biāo)的類型（形狀）。	2
display	規(guī)定元素應(yīng)該生成的框的類型。	1
float	規(guī)定框是否應(yīng)該浮動(dòng)。	1
left	設(shè)置定位元素左外邊距邊界與其包含塊左邊界之間的偏移。	2
overflow	規(guī)定當(dāng)內(nèi)容溢出元素框時(shí)發(fā)生的事情。	2
position	規(guī)定元素的定位類型。	2
right	設(shè)置定位元素右外邊距邊界與其包含塊右邊界之間的偏移。	2
top	設(shè)置定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。	2
vertical-align	設(shè)置元素的垂直對(duì)齊方式。	1
visibility	規(guī)定元素是否可見(jiàn)。	2
z-index	設(shè)置元素的堆疊順序。	2

CSS 打印屬性（Print）

屬性描述CSS

orphans	設(shè)置當(dāng)元素內(nèi)部發(fā)生分頁(yè)時(shí)必須在頁(yè)面底部保留的最少行數(shù)。	2
page-break-after	設(shè)置元素后的分頁(yè)行為。	2
page-break-before	設(shè)置元素前的分頁(yè)行為。	2
page-break-inside	設(shè)置元素內(nèi)部的分頁(yè)行為。	2
widows	設(shè)置當(dāng)元素內(nèi)部發(fā)生分頁(yè)時(shí)必須在頁(yè)面頂部保留的最少行數(shù)。	2

CSS 表格屬性（Table）

屬性描述CSS

border-collapse	規(guī)定是否合并表格邊框。	2
border-spacing	規(guī)定相鄰單元格邊框之間的距離。	2
caption-side	規(guī)定表格標(biāo)題的位置。	2
empty-cells	規(guī)定是否顯示表格中的空單元格上的邊框和背景。	2
table-layout	設(shè)置用于表格的布局算法。	2

CSS 文本屬性（Text）

屬性描述CSS

color	設(shè)置文本的顏色。	1
direction	規(guī)定文本的方向 / 書寫方向。	2
letter-spacing	設(shè)置字符間距。	1
line-height	設(shè)置行高。	1
text-align	規(guī)定文本的水平對(duì)齊方式。	1
text-decoration	規(guī)定添加到文本的裝飾效果。	1
text-indent	規(guī)定文本塊首行的縮進(jìn)。	1
text-shadow	規(guī)定添加到文本的陰影效果。	2
text-transform	控制文本的大小寫。	1
unicode-bidi	設(shè)置文本方向。	2
white-space	規(guī)定如何處理元素中的空白。	1
word-spacing	設(shè)置單詞間距。	1
hanging-punctuation	規(guī)定標(biāo)點(diǎn)字符是否位于線框之外。	3
punctuation-trim	規(guī)定是否對(duì)標(biāo)點(diǎn)字符進(jìn)行修剪。	3
text-align-last	設(shè)置如何對(duì)齊最后一行或緊挨著強(qiáng)制換行符之前的行。	3
text-emphasis	向元素的文本應(yīng)用重點(diǎn)標(biāo)記以及重點(diǎn)標(biāo)記的前景色。	3
text-justify	規(guī)定當(dāng) text-align 設(shè)置為 "justify" 時(shí)所使用的對(duì)齊方法。	3
text-outline	規(guī)定文本的輪廓。	3
text-overflow	規(guī)定當(dāng)文本溢出包含元素時(shí)發(fā)生的事情。	3
text-shadow	向文本添加陰影。	3
text-wrap	規(guī)定文本的換行規(guī)則。	3
word-break	規(guī)定非中日韓文本的換行規(guī)則。	3
word-wrap	允許對(duì)長(zhǎng)的不可分割的單詞進(jìn)行分割并換行到下一行。	3

2D/3D 轉(zhuǎn)換屬性（Transform）

屬性描述CSS

transform	向元素應(yīng)用 2D 或 3D 轉(zhuǎn)換。	3
transform-origin	允許你改變被轉(zhuǎn)換元素的位置。	3
transform-style	規(guī)定被嵌套元素如何在 3D 空間中顯示。	3
perspective	規(guī)定 3D 元素的透視效果。	3
perspective-origin	規(guī)定 3D 元素的底部位置。	3
backface-visibility	定義元素在不面對(duì)屏幕時(shí)是否可見(jiàn)。	3

過(guò)渡屬性（Transition）

屬性描述CSS

transition	簡(jiǎn)寫屬性，用于在一個(gè)屬性中設(shè)置四個(gè)過(guò)渡屬性。	3
transition-property	規(guī)定應(yīng)用過(guò)渡的 CSS 屬性的名稱。	3
transition-duration	定義過(guò)渡效果花費(fèi)的時(shí)間。	3
transition-timing-function	規(guī)定過(guò)渡效果的時(shí)間曲線。	3
transition-delay	規(guī)定過(guò)渡效果何時(shí)開(kāi)始。	3

用戶界面屬性（User-interface）

屬性描述CSS

appearance	允許您將元素設(shè)置為標(biāo)準(zhǔn)用戶界面元素的外觀	3
box-sizing	允許您以確切的方式定義適應(yīng)某個(gè)區(qū)域的具體內(nèi)容。	3
icon	為創(chuàng)作者提供使用圖標(biāo)化等價(jià)物來(lái)設(shè)置元素樣式的能力。	3
nav-down	規(guī)定在使用 arrow-down 導(dǎo)航鍵時(shí)向何處導(dǎo)航。	3
nav-index	設(shè)置元素的 tab 鍵控制次序。	3
nav-left	規(guī)定在使用 arrow-left 導(dǎo)航鍵時(shí)向何處導(dǎo)航。	3
nav-right	規(guī)定在使用 arrow-right 導(dǎo)航鍵時(shí)向何處導(dǎo)航。	3
nav-up	規(guī)定在使用 arrow-up 導(dǎo)航鍵時(shí)向何處導(dǎo)航。	3
outline-offset	對(duì)輪廓進(jìn)行偏移，并在超出邊框邊緣的位置繪制輪廓。	3
resize	規(guī)定是否可由用戶對(duì)元素的尺寸進(jìn)行調(diào)整。	3

轉(zhuǎn)載于:https://www.cnblogs.com/wang1593840378/p/6185369.html

總結(jié)

以上是生活随笔為你收集整理的css3参考手册的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。