CSS速查表
紫色 链接表示该属性在CSS3有修改或者增加了新的属性值；橙色 链接表示该属性是CSS3新增属性
定位 Positioning
| position | z-index | top | right |
| bottom | left | clip |
布局 Layout
| display | overflow | overflow-x | overflow-y |
| float | clear | visibility |
尺寸 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
背景 Background
| background | background-image | background-repeat | background-attachment |
| background-position | background-origin | background-clip | background-size |
| background-color |
颜色 Color
| color | opacity |
字体 Font
文本 Text
文本装饰 Text Decoration
书写模式 Writing Modes
列表 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
多列 Multi-column
伸缩盒 Flexible Box(旧)
伸缩盒 Flexible Box(新)
转换 Transform
过渡 Transition
| transition | transition-property | transition-duration | transition-timing-function |
| transition-delay |
动画 Animation
打印 Printing
媒体查询 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-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 |
Only Webkit
| text-fill-color | text-stroke | text-stroke-width | text-stroke-color |
| box-reflect | tap-highlight-color | user-drag |
元素选择符 Element Selectors
| * | E | E#id | E.class |
关系选择符 Relationship Selectors
属性选择符 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
伪对象选择符 Pseudo-Element Selectors
| E:first-letter/E::first-letter | E:first-line/E::first-line | E:before/E::before | E:after/E::after |
| E::placeholder | E::selection |
语法与规则 Rules and Syntax
| !important | comment | @charset | @page |
| @import | @media | @font-face | @keyframes |
| @supports |
长度值与单位 Length Data Types and Units
| <length> | em | ex | cm |
| mm | in | pt | pc |
| ch | rem | vw | vh |
| vmax | vmin | q | px |
角度值与单位 Angle Data Types and Units
| <angle> | deg | grad | rad |
| turn |
时间值与单位 Time Data Types and Units
频率值与单位 Frequency Data Types and Units
| <frequency> | Hz | kHz |
| <fraction> | <grid> | fr | gr |
分辨率值与单位 Resolution Data Types and Units
| <resolution> | dpi | dpcm | dppx |
颜色值 Color Data Types
| <color> | RGBA | HSL | HSLA |
| transparent | currentColor | Color Name | HEX |
| RGB |
文本值 Textual Data Types
| inherit | <string> | <url> |
| <identifier> | initial | unset |
函数值 Functional Notations Data Types
| calc() | toggle() |
生成内容值 Content Notations Data Types
| counter() | counters() | attr() |
图像值 Image Data Types
| <image> | image() | image-set() | <gradient> |
| linear-gradient() | radial-gradient() | repeating-linear-gradient() | repeating-radial-gradient() |
数字值 Numeric Data Types
| <number> | <integer> | <percentage> |
附录 Appendix
| 颜色关键字(Color Keywords) | 媒体类型(Media Types) |
常用CSS Hack
| 条件Hack | 属性级Hack | 选择符级Hack |
问题和经验
| 参考资源列表 | Bugs和解决方案 | CSS技巧和经验列表 | 其它经验 |
任务
- ?不会了怎么办