色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

CSS 參考手冊


CSS參考手冊


NoteW3Cschool教程的 CSS 參考手冊在所有主流瀏覽器中測試通過.


CSS 屬性

CSS 屬性組:

  • 動畫
  • 背景
  • 邊框和輪廓
  • 顏色
  • 內容頁的媒體屬性
  • 尺寸
  • 盒子模型(新)
  • 盒子模型(舊)
  • 字體
  • 內容生成
  • 網格
  • 超鏈接
  • 線框
  • 列表
  • 外邊距
  • 字幕
  • 多列
  • 內邊距
  • 頁面媒體
  • 定位
  • 分頁
  • Ruby
  • 語音
  • 表格
  • 文本
  • 2D/3D 轉換
  • 過渡
  • 用戶界面

"CSS" 列指示屬性是在哪個 CSS 版本中定義的 (CSS1, CSS2, 或者 CSS3).

動畫屬性

屬性描述CSS
@keyframes定義一個動畫,@keyframes定義的動畫名稱用來被animation-name所使用。3
animation復合屬性。檢索或設置對象所應用的動畫特效。3
animation-name檢索或設置對象所應用的動畫名稱 ,必須與規則@keyframes配合使用,因為動畫名稱由@keyframes定義3
animation-duration檢索或設置對象動畫的持續時間3
animation-timing-function檢索或設置對象動畫的過渡類型3
animation-delay檢索或設置對象動畫的延遲時間3
animation-iteration-count檢索或設置對象動畫的循環次數3
animation-direction檢索或設置對象動畫在循環中是否反向運動3
animation-play-state檢索或設置對象動畫的狀態3

背景屬性

屬性描述CSS
background復合屬性。設置對象的背景特性。1
background-attachment設置或檢索背景圖像是隨對象內容滾動還是固定的。必須先指定background-image屬性。1
background-color設置或檢索對象的背景顏色。1
background-image設置或檢索對象的背景圖像。1
background-position設置或檢索對象的背景圖像位置。必須先指定background-image屬性。1
background-repeat設置或檢索對象的背景圖像如何鋪排填充。必須先指定background-image屬性。1
background-clip指定對象的背景圖像向外裁剪的區域。3
background-originS設置或檢索對象的背景圖像計算background-position時的參考原點(位置)。3
background-size檢索或設置對象的背景圖像的尺寸大小。3

邊框(Border) 和 輪廓(Outline) 屬性

屬性描述CSS
border復合屬性。設置對象邊框的特性。1
border-bottom復合屬性。設置對象底部邊框的特性。1
border-bottom-color設置或檢索對象的底部邊框顏色。1?
border-bottom-style設置或檢索對象的底部邊框樣式。1
border-bottom-width設置或檢索對象的底部邊框寬度。1
border-color置或檢索對象的邊框顏色。1
border-left復合屬性。設置對象左邊邊框的特性。1
border-left-color設置或檢索對象的左邊邊框顏色。1
border-left-style設置或檢索對象的左邊邊框樣式。1
border-left-width設置或檢索對象的左邊邊框寬度。1
border-right復合屬性。設置對象右邊邊框的特性。1
border-right-color設置或檢索對象的右邊邊框顏色。1
border-right-style設置或檢索對象的右邊邊框樣式。1
border-right-width設置或檢索對象的右邊邊框寬度。1
border-style設置或檢索對象的邊框樣式。1
border-top復合屬性。設置對象頂部邊框的特性。1
border-top-color設置或檢索對象的頂部邊框顏色1
border-top-style設置或檢索對象的頂部邊框樣式。1
border-top-width設置或檢索對象的頂部邊框寬度。1
border-width設置或檢索對象的邊框寬度。1
outline復合屬性。設置或檢索對象外的線條輪廓。2
outline-color設置或檢索對象外的線條輪廓的顏色。2
outline-style設置或檢索對象外的線條輪廓的樣式。2
outline-width設置或檢索對象外的線條輪廓的寬度。2
border-bottom-left-radius設置或檢索對象的左下角圓角邊框。提供2個參數,2個參數以空格分隔,每個參數允許設置1個參數值,第1個參數表示水平半徑,第2個參數表示垂直半徑,如第2個參數省略,則默認等于第1個參數3
border-bottom-right-radius設置或檢索對象的右下角圓角邊框。3
border-image設置或檢索對象的邊框樣式使用圖像來填充。3
border-image-outset規定邊框圖像超過邊框的量。3
border-image-repeat規定圖像邊框是否應該被重復(repeated)、拉伸(stretched)或鋪滿(rounded)。3
border-image-slice規定圖像邊框的向內偏移。3
border-image-source規定要使用的圖像,代替 border-style 屬性中設置的邊框樣式。3
border-image-width規定圖像邊框的寬度。3
border-radius設置或檢索對象使用圓角邊框。3
border-top-left-radius定義左上角邊框的形狀。3
border-top-right-radius定義右下角邊框的形狀。3
box-decoration-break規定行內元素被折行3
box-shadow向方框添加一個或多個陰影。3

盒子(Box) 屬性

屬性描述CSS
overflow-x如果內容溢出了元素內容區域,是否對內容的左/右邊緣進行裁剪。3
overflow-y如果內容溢出了元素內容區域,是否對內容的上/下邊緣進行裁剪。3
overflow-style規定溢出元素的首選滾動方法。3
rotation圍繞由 rotation-point 屬性定義的點對元素進行旋轉。3
rotation-point定義距離上左邊框邊緣的偏移點。3

顏色(Color) 屬性

屬性描述CSS
color-profile允許使用源的顏色配置文件的默認以外的規范3
opacity設置一個元素的透明度級別3
rendering-intent允許超過默認顏色配置文件渲染意向的其他規范3

內邊距(Padding) 屬性

屬性說明CSS
padding在一個聲明中設置所有填充屬性1
padding-bottom設置元素的底填充1
padding-left設置元素的左填充1
padding-right設置元素的右填充1
padding-top設置元素的頂部填充1

媒體頁面內容屬性

屬性說明CSS
bookmark-label指定書簽的標簽3
bookmark-level指定了書簽級別3
bookmark-target指定了書簽鏈接的目標3
float-offset在相反的方向推動浮動元素,他們一直具有浮動3
hyphenate-after指定一個斷字的單詞斷字字符后的最少字符數3
hyphenate-before指定一個斷字的單詞斷字字符前的最少字符數3
hyphenate-character指定了當一個斷字發生時,要顯示的字符串3
hyphenate-lines表示連續斷字的行在元素的最大數目3
hyphenate-resource外部資源指定一個逗號分隔的列表,可以幫助確定瀏覽器的斷字點3
hyphens設置如何分割單詞以改善該段的布局3
image-resolution指定了正確的圖像分辨率3
marks將crop and/or cross標志添加到文檔3
string-set 3

尺寸(Dimension) 屬性

屬性描述CSS
height設置元素的高度1
max-height設置元素的最大高度2
max-width設置元素的最大寬度2
min-height設置元素的最小高度2
min-width設置元素的最小寬度2
width設置元素的寬度1

彈性盒子模型(Flexible Box) 屬性(新)

屬性說明CSS
flex復合屬性。設置或檢索彈性盒模型對象的子元素如何分配空間。3
flex-grow設置或檢索彈性盒的擴展比率。3
flex-shrink設置或檢索彈性盒的收縮比率。3
flex-basis設置或檢索彈性盒伸縮基準值。3
flex-flow復合屬性。設置或檢索彈性盒模型對象的子元素排列方式。3
flex-direction該屬性通過定義flex容器的主軸方向來決定felx子項在flex容器中的位置。3
flex-wrap該屬性控制flex容器是單行或者多行,同時橫軸的方向決定了新行堆疊的方向。3
align-content在彈性容器內的各項沒有占用交叉軸上所有可用的空間時對齊容器內的各項(垂直)。3
align-items定義flex子項在flex容器的當前行的側軸(縱軸)方向上的對齊方式。3
align-self定義flex子項單獨在側軸(縱軸)方向上的對齊方式。3
justify-content設置或檢索彈性盒子元素在主軸(橫軸)方向上的對齊方式。3
order設置或檢索彈性盒模型對象的子元素出現的順序。3

彈性盒子模型(Flexible Box) 屬性(舊)

屬性說明CSS
box-align指定如何對齊一個框的子元素3
box-direction指定在哪個方向,顯示一個框的子元素3
box-flex指定一個框的子元素是否是靈活的或固定的大小3
box-flex-group指派靈活的元素到Flex組3
box-lines每當它在父框的空間運行時,是否指定將再上一個新的行列3
box-ordinal-group指定一個框的子元素的顯示順序3
box-orient指定一個框的子元素是否在水平或垂直方向應鋪設3
box-pack指定橫向盒在垂直框的水平位置和垂直位置3

字體(Font) 屬性

屬性說明CSS
font在一個聲明中設置所有字體屬性1
font-family規定文本的字體系列1
font-size規定文本的字體尺寸1
font-style規定文本的字體樣式1
font-variant規定文本的字體樣式1
font-weight規定字體的粗細1
@font-face一個規則,允許網站下載并使用其他超過"Web- safe"字體的字體3
font-size-adjust為元素規定 aspect 值3
font-stretch收縮或拉伸當前的字體系列3

內容生成屬性(Generated Content Properties)

屬性說明CSS
content與 :before 以及 :after 偽元素配合使用,來插入生成內容2
counter-increment遞增或遞減一個或多個計數器2
counter-reset創建或重置一個或多個計數器2
quotes設置嵌套引用的引號類型2
crop允許replaced元素只是作為一個對象代替整個對象的矩形區域3
move-toCauses an element to be removed from the flow and reinserted at a later point in the document3
page-policy判定基于頁面的給定元素的適用于計數器的字符串值3

網格(Grid) 屬性

屬性說明CSS
grid-columns指定在網格中每列的寬度3
grid-rows指定在網格中每列的高度3

超鏈接(Hyperlink) 屬性

屬性說明CSS
target簡寫屬性設置target-name, target-new,和target-position屬性3
target-name指定在何處打開鏈接(目標位置)3
target-new指定是否有新的目標鏈接打開一個新窗口或在現有窗口打開新標簽3
target-position指定應該放置新的目標鏈接的位置3

線框(Linebox) 屬性

屬性說明CSS
alignment-adjust允許更精確的元素的對齊方式3
alignment-baseline其父級指定的內聯級別的元素如何對齊3
baseline-shift允許重新定位相對于dominant-baseline的dominant-baseline3
dominant-baseline指定scaled-baseline-table3
drop-initial-after-adjust設置下拉的主要連接點的初始對齊點3
drop-initial-after-align校準行內的初始行的設置就是具有首字母的框使用初級連接點3
drop-initial-before-adjust設置下拉的輔助連接點的初始對齊點3
drop-initial-before-align校準行內的初始行的設置就是具有首字母的框使用輔助連接點3
drop-initial-size控制局部的首字母下沉3
drop-initial-value激活一個下拉式的初步效果
inline-box-align設置一個多行的內聯塊內的行具有前一個和后一個內聯元素的對齊3
line-stacking一個速記屬性設置line-stacking-strategy, line-stacking-ruby,和line-stacking-shift屬性3
line-stacking-ruby設置包含Ruby注釋元素的行對于塊元素的堆疊方法3
line-stacking-shift設置base-shift行中塊元素包含元素的堆疊方法3
line-stacking-strategy設置內部包含塊元素的堆疊線框的堆疊方法3
text-height行內框的文本內容區域設置block-progression維數3

列表(List) 屬性

屬性說明CSS
list-style在一個聲明中設置所有的列表屬性1
list-style-image將圖象設置為列表項標記1
list-style-position設置列表項標記的放置位置1
list-style-type設置列表項標記的類型1

外邊距(Margin) 屬性

屬性說明CSS
margin在一個聲明中設置所有外邊距屬性1
margin-bottom設置元素的下外邊距1
margin-left設置元素的左外邊距1
margin-right設置元素的右外邊距1
margin-top設置元素的上外邊距1

字幕(Marquee) 屬性

屬性說明CSS
marquee-direction設置內容移動的方向3
marquee-play-count設置內容移動多少次3
marquee-speed設置內容滾動的速度有多快3
marquee-style設置內容移動的樣式3

多列(Multi-column) 屬性

屬性說明CSS
column-count指定元素應該分為的列數3
column-fill指定如何填充列3
column-gap指定列之間的差距3
column-rule對于設置所有column-rule-*屬性的簡寫屬性3
column-rule-color指定列之間的顏色規則3
column-rule-style指定列之間的樣式規則3
column-rule-width指定列之間的寬度規則3
column-span指定元素應該跨越多少列3
column-width指定列的寬度3
columns縮寫屬性設置列寬和列數3

頁面媒體(Paged Media) 屬性

屬性思念CSS
fit如果其寬度和高度屬性都不是auto給出一個提示,如何大規模替換元素3
fit-position判定方框內對象的對齊方式3
image-orientation指定用戶代理適用于圖像中的向右或順時針方向的旋轉3
page指定一個元素應顯示的頁面的特定類型3
size指定含有BOX的頁面內容的大小和方位3

定位(Positioning) 屬性

屬性說明CSS
bottom設置定位元素下外邊距邊界與其包含塊下邊界之間的偏移2
clear規定元素的哪一側不允許其他浮動元素1
clip剪裁絕對定位元素2
cursor規定要顯示的光標的類型(形狀)2
display規定元素應該生成的框的類型1
float規定框是否應該浮動1
left設置定位元素左外邊距邊界與其包含塊左邊界之間的偏移2
overflow
規定當內容溢出元素框時發生的事情2
position規定元素的定位類型2
right設置定位元素右外邊距邊界與其包含塊右邊界之間的偏移2
top設置定位元素的上外邊距邊界與其包含塊上邊界之間的偏移2
visibility規定元素是否可見2
z-index設置元素的堆疊順序2

分頁(Print) 屬性

屬性說明CSS
orphans設置當元素內部發生分頁時必須在頁面底部保留的最少行數2
page-break-after設置元素后的分頁行為2
page-break-before設置元素前的分頁行為2
page-break-inside設置元素內部的分頁行為2
widows設置當元素內部發生分頁時必須在頁面頂部保留的最少行數2

Ruby 屬性

屬性說明CSS
ruby-align控制Ruby文本和Ruby基礎內容相對彼此的文本對齊方式3
ruby-overhang當Ruby文本超過Ruby的基礎寬,確定ruby文本是否允許局部懸置任意相鄰的文本,除了自己的基礎3
ruby-position它的base控制Ruby文本的位置3
ruby-span控制annotation 元素的跨越行為3

語音(Speech) 屬性

屬性說明CSS
mark縮寫屬性設置mark-before和mark-after屬性3
mark-after允許命名的標記連接到音頻流3
mark-before允許命名的標記連接到音頻流3
phonemes指定包含文本的相應元素中的一個音標發音3
rest一個縮寫屬性設置rest-before和rest-after屬性3
rest-after一個元素的內容講完之后,指定要休息一下或遵守韻律邊界3
rest-before一個元素的內容講完之前,指定要休息一下或遵守韻律邊界3
voice-balance指定了左,右聲道之間的平衡3
voice-duration指定應采取呈現所選元素的內容的長度3
voice-pitch指定平均說話的聲音的音調(頻率)3
voice-pitch-range指定平均間距的變化3
voice-rate控制語速3
voice-stress指示著重力度3
voice-volume語音合成是指波形輸出幅度3

表格(Table) 屬性

屬性說明CSS
border-collapse規定是否合并表格邊框2
border-spacing規定相鄰單元格邊框之間的距離2
caption-side規定表格標題的位置2
empty-cells規定是否顯示表格中的空單元格上的邊框和背景2
table-layout設置用于表格的布局算法2

文本(Text) 屬性

屬性說明CSS
color設置文本的顏色1
direction規定文本的方向 / 書寫方向2
letter-spacing設置字符間距1
line-height設置行高1
text-align規定文本的水平對齊方式1
text-decoration規定添加到文本的裝飾效果1
text-indent規定文本塊首行的縮進1
text-transform控制文本的大小寫1
unicode-bidi 2
vertical-align設置元素的垂直對齊方式1
white-space設置怎樣給一元素控件留白1
word-spacing設置單詞間距1
hanging-punctuation指定一個標點符號是否可能超出行框3
punctuation-trim指定一個標點符號是否要去掉3
text-align-last當 text-align 設置為 justify 時,最后一行的對齊方式。3
text-justify當 text-align 設置為 justify 時指定分散對齊的方式。3
text-outline設置文字的輪廓。3
text-overflow指定當文本溢出包含的元素,應該發生什么3
text-shadow為文本添加陰影3
text-wrap指定文本換行規則3
word-break指定非CJK文字的斷行規則3
word-wrap設置瀏覽器是否對過長的單詞進行換行。3

2D/3D 轉換屬性

屬性說明CSS
transform適用于2D或3D轉換的元素3
transform-origin允許您更改轉化元素位置3
transform-style3D空間中的指定如何嵌套元素3
perspective指定3D元素是如何查看透視圖3
perspective-origin指定3D元素底部位置3
backface-visibility定義一個元素是否應該是可見的,不對著屏幕時3

過渡(Transition) 屬性

屬性說明CSS
transition此屬性是 transition-property、transition-duration、transition-timing-function、transition-delay 的簡寫形式。3
transition-property設置用來進行過渡的 CSS 屬性。3
transition-duration設置過渡進行的時間長度。3
transition-timing-function設置過渡進行的時序函數。3
transition-delay指定過渡開始的時間。3

用戶外觀(User-interface) 屬性

屬性說明CSS
appearance定義元素的外觀樣式3
box-sizing允許您為了適應區域以某種方式定義某些元素3
icon為元素指定圖標3
nav-down指定用戶按向下鍵時向下導航的位置3
nav-index指定導航(tab)順序。3
nav-left指定用戶按向左鍵時向左導航的位置3
nav-right指定用戶按向右鍵時向左導航的位置3
nav-up指定用戶按向上鍵時向上導航的位置a3
outline-offset設置輪廓框架在 border 邊緣外的偏移3
resize定義元素是否可以改變大小3