速查表 Quick Search
属性 Properties
定位 (Positioning)
- position
- z-index
- top
- right
- bottom
- left
布局 (Layout)
- display
- float
- clear
- visibility
- clip
- overflow
- overflow-x
- overflow-y
尺寸 (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-colors
- border-top
- border-top-width
- border-top-style
- border-top-color
- border-top-colors
- border-right
- border-right-width
- border-right-style
- border-right-color
- border-right-colors
- border-bottom
- border-bottom-width
- border-bottom-style
- border-bottom-color
- border-bottom-colors
- border-left
- border-left-width
- border-left-style
- border-left-color
- border-left-colors
- 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-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-color
- outline-style
- outline-offset
- nav-index
- nav-up
- nav-right
- nav-down
- nav-left
- cursor
- zoom
- box-sizing
- resize
多栏 (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
2D 变换 (2D 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-darkshadow-color
- scrollbar-highlight-color
- scrollbar-shadow-color
- scrollbar-arrow-color
- scrollbar-face-color
- scrollbar-track-color
- scrollbar-base-color
- filter
- behavior
选择符 Selectors
元素选择符
通配选择符 (*)
类型选择符 (E)
ID 选择符 (E#id)
类选择符 (E.class)
关系选择符
包含选择符 (E F)
子选择符 (E>F)
相邻选择符 (E+F)
兄弟选择符 (E~F)
属性选择符
- E[att]
- E[att="val"]
- E[att~="val"]
- E[att^="val"]
- E[att$="val"]
- E[att*="val"]
- E[att|="val"]
伪类选择符
- 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
伪对象选择符
- E:first-letter/E::first-letter
- E:first-line/E::first-line
- E:before/E::before
- E:after/E::after
- E::selection
语法与规则 Rules
- !important
- /*comment*/
- @import
- @charset
- @media
- @font-face
- @page
- @keyframes
取值 Values
颜色 (Color)
- Color Name
- HEX
- RGB
- RGBA
- HSL
- HSLA
- transparent
文本 (Textual)
- <string>
- <url>
- <identifier>
函数 (Functional)
- counter()
- attr()
- calc()
- min()
- max()
- cycle()
图像 (Image)
- linear-gradient()
- radial-gradient()
- repeating-linear-gradient()
- repeating-radial-gradient()
数字 (Numeric)
- <number>
- <integer>
其它 (Other)
- <length>
- <percentage>
- <angle>
- <time>
- <frequency>
- <fraction>
- <grid>
单位 Units
长度 (Length)
- em
- ex
- ch
- rem
- vw
- vh
- vm
- %
- cm
- mm
- in
- pt
- pc
- px
角度 (Angle)
- deg
- grad
- rad
- turn
时间 (Time)
s
ms
频率 (Frequency)
Hz
KHz
布局 (Layout-specific)
fr
gr
附录 Appendix
颜色关键字 (Color Keywords)
媒体类型 (Media Types)
CSS Hack
条件 Hack
属性级 Hack
选择符级 Hack
问题和经验
Bugs 和解决方案
技巧和经验
其它经验
来源: http://www.phpstudy.net/css3/