css样式表速查

http://t.mb5u.com/css3/

Quick Search

• 速查表

定位 Positioning

• position
• z-index
• top
• right
• bottom
• left

布局 Layout

• display
• float
• clear
• visibility
• clip
• overflow
• overflow-x
• overflow-y

弹性盒模型 Flexible Box Layout

• box-orient
• box-pack
• box-align
• box-flex
• box-flex-group
• box-ordinal-group
• box-direction
• box-lines

尺寸 Dimension

• width
• min-width
• max-width
• height
• min-height
• max-height

外补白 Margin

• margin
• margin-top
• margin-right
• margin-bottom
• margin-left

内补白 Padding

• padding
• padding-top
• padding-right
• padding-bottom
• padding-left

边框 Border

• border
• border-width
• border-style
• border-color
• border-top
• border-top-width
• border-top-style
• border-top-color
• border-right
• border-right-width
• border-right-style
• border-right-color
• border-bottom
• border-bottom-width
• border-bottom-style
• border-bottom-color
• border-left
• border-left-width
• border-left-style
• border-left-color
• border-image
• border-radius
• border-top-left-radius
• border-top-right-radius
• border-bottom-right-radius
• border-bottom-left-radius
• box-shadow
• box-reflect

背景 Background

• background
• background-color
• background-image
• background-repeat
• background-attachment
• background-position
• background-origin
• background-clip
• background-size
• Multiple background

颜色 Color

• color
• opacity

字体 Font

• font
• font-style
• font-variant
• font-weight
• font-size
• font-family
• font-stretch

文本 Text

• text-indent
• text-overflow
• text-align
• text-transform
• text-decoration
• text-decoration-line
• text-decoration-color
• text-decoration-style
• text-shadow
• text-fill-color
• text-stroke
• text-stroke-width
• text-stroke-color
• letter-spacing
• word-spacing
• vertical-align
• word-wrap
• white-space
• direction
• unicode-bidi
• line-height
• tab-size

列表 List

• list-style
• list-style-image
• list-style-position
• list-style-type

表格 Table

• table-layout
• border-collapse
• border-spacing
• caption-side
• empty-cells

内容 Content

• content
• counter-increment
• counter-reset
• quotes

用户界面 User Interface

• outline
• outline-width
• outline-style
• outline-color
• outline-offset
• nav-index
• nav-up
• nav-right
• nav-down
• nav-left
• cursor
• zoom
• box-sizing
• resize
• ime-mode

多列 Multi-column

• columns
• column-width
• column-count
• column-gap
• column-rule
• column-rule-width
• column-rule-style
• column-rule-color
• column-span
• column-fill
• column-break-before
• column-break-after
• column-break-inside

转换 Transform

• transform
• transform-origin

过渡 Transition

• transition
• transition-property
• transition-duration
• transition-timing-function
• transition-delay

动画 Animation

• animation
• animation-name
• animation-duration
• animation-timing-function
• animation-delay
• animation-iteration-count
• animation-direction
• animation-play-state
• animation-fill-mode

打印 Printing

• page
• page-break-before
• page-break-after
• page-break-inside

媒体查询 Media Queries

• width
• height
• device-width
• device-height
• orientation
• aspect-ratio
• device-aspect-ratio
• color
• color-index
• monochrome
• resolution
• scan
• grid

Only IE

• scrollbar-3dlight-color
• scrollbar-drakshadow-color
• scrollbar-highlight-color
• scrollbar-shadow-color
• scrollbar-arrow-color
• scrollbar-face-color
• scrollbar-track-color
• scrollbar-base-color
• filter
• behavior

Only Firefox

• border-colors
• border-top-colors
• border-right-colors
• border-bottom-colors
• border-left-colors

元素选择符 Element Selectors

• *
• E
• E#id
• E.class

关系选择符 Relationship Selectors

• E F
• E>F
• E+F
• E~F

属性选择符 Attribute Selectors

• E[att]
• E[att="val"]
• E[att~="val"]
• E[att^="val"]
• E[att$="val"]
• E[att*="val"]
• E[att|="val"]

伪类选择符 Pseudo-Classes Selectors

• E:link
• E:visited
• E:hover
• E:active
• E:focus
• E:lang()
• E:not()
• E:root
• E:first-child
• E:last-child
• E:only-child
• E:nth-child(n)
• E:nth-last-child(n)
• E:first-of-type
• E:last-of-type
• E:only-of-type
• E:nth-of-type(n)
• E:nth-last-of-type(n)
• E:empty
• E:checked
• E:enabled
• E:disabled
• E:target
• @page:first
• @page:left
• @page:right

伪对象选择符 Pseudo-Element Selectors

• E:first-letter/E::first-letter
• E:first-line/E::first-line
• E:before/E::before
• E:after/E::after
• E::selection

语法与规则 Rules and Syntax

• !important
• comment
• @import
• @charset
• @media
• @font-face
• @page
• @keyframes

颜色类型取值 Color Type

• Color Name
• HEX
• RGB
• RGBA
• HSL
• HSLA
• transparent

文本类型取值 Textual Data Type

• <string>
• <url>
• <identifier>

函数类型取值 Functional Notations Type

• counter()
• attr()
• calc()
• min()
• max()
• cycle()

图像类型取值 Image Type

• linear-gradient()
• radial-gradient()
• repeating-linear-gradient()
• repeating-radial-gradient()

数字类型取值 Numeric Data Type

• <number>
• <integer>

其它数据类型取值 Other Data Types

• <length>
• <percentage>
• <angle>
• <time>
• <frequency>
• <fraction>
• <grid>

长度单位 Length Units

• em
• ex
• ch
• rem
• vw
• vh
• vm
• cm
• mm
• in
• pt
• pc
• px

角度单位 Angle Units

• deg
• grad
• rad
• turn

时间单位 Time Units

• s
• ms

频率单位 Frequency Units

• Hz
• kHz

特殊布局单位 Layout-specific Units

• fr
• gr

附录 Appendix

• 颜色关键字(Color Keywords)
• 媒体类型(Media Types)

常用CSS Hack

• 条件Hack
• 属性级Hack
• 选择符级Hack

问题和经验

• Bugs和解决方案
• 技巧和经验
• 其它经验

这种颜色 的链接表示是CSS3新增的或者在CSS3中有所调整