层叠样式表，或 CSS 简而言之，是用标记语言编写的样式表语言. CSS定义了表示, 查看和格式化Web文档的元素, such as the layout, colors and fonts.

CSS语法很全面, 而且总是知道确切的语法并不容易, 或者知道所有可用的CSS属性和相应的值. To help CSS开发者和设计师， Toptal创建了一个快速参考指南，并提供给社区免费下载. CSS参考指南包括CSS语法, 最重要的选择器, properties, sizes and units, 和其他有用的CSS信息，以简短而翔实的格式. 我们希望您会发现CSS小抄表是一个有价值的资源.

您也可以查看Toptal resource pages 有关common的更多信息 CSS mistakes, a CSS hiring guide, CSS面试问题 and CSS技巧和最佳实践. We also offer CSS3 Maker，一个用于快速生成CSS片段的可视化工具.

点击这里下载CSS小抄

CSS Cheat Sheet

<风格type = " text / css " > table { width: 100% } table td, table th { padding: 0; border: none; font-family: monospace; } .c4 { padding: 5pt 5pt 5pt 5pt; vertical-align: top; background-color: #eff4f9; width: 63pt; } .c21 { padding: 5pt 5pt 5pt 5pt; vertical-align: top; background-color: #eff4f9; width: 148.5pt; } .c6 { padding: 5pt 5pt 5pt 5pt; vertical-align: top; background-color: #3dbe8b; width: 148.5pt; } .c22 { padding: 5pt 5pt 5pt 5pt; vertical-align: top; background-color: #eff4f9; width: 48%; } .c10 { padding: 5pt 5pt 5pt 5pt; vertical-align: top; background-color: #fafbfc; width: 63pt; } .c7 { padding: 5pt 5pt 5pt 5pt; vertical-align: top; background-color: #eff4f9; width: 138.8pt; } .c11 { padding: 5pt 5pt 5pt 5pt; vertical-align: top; background-color: #3dbe8b; width: 219.8pt; } .c13 { padding: 5pt 5pt 5pt 5pt; vertical-align: top; background-color: #fafbfc; width: 148.5pt; } .c2 { padding: 5pt 5pt 5pt 5pt; vertical-align: top; width: 4%; } .c14 { padding: 5pt 5pt 5pt 5pt; vertical-align: top; width: 81pt; } .c20 { padding: 5pt 5pt 5pt 5pt; vertical-align: top; width: 138.8pt; } .c31 { padding: 5pt 5pt 5pt 5pt; vertical-align: top; width: 48%; } .c32 { padding: 5pt 5pt 5pt 5pt; vertical-align: top; width: 219.8pt; } .c39 { color: #000000; font-weight: normal; text-decoration: none; vertical-align: baseline; font-size: 11pt; font-style: normal } .c27 { color: #000000; font-weight: normal; text-decoration: none; vertical-align: baseline; font-size: 9pt; font-style: normal } .c1 { color: #000000; font-weight: normal; text-decoration: none; vertical-align: baseline; font-size: 9pt; font-style: normal } .c15 { color: #000000; font-weight: normal; text-decoration: none; vertical-align: baseline; font-size: 9pt; font-style: normal } .c30 { color: #ffffff; font-weight: normal; text-decoration: none; vertical-align: baseline; font-style: normal } .c18 { color: #000000; font-weight: normal; text-decoration: none; vertical-align: baseline; font-style: italic } .c24 { color: #ffffff; font-weight: bold; text-decoration: none; vertical-align: baseline; font-style: normal } .c19 { border-spacing: 0; border-collapse: collapse; margin-right: auto } .c41 { padding-top: 0pt; padding-bottom: 0pt; line-height: 1.0; text-align: right; font-size: 9pt !important; } .c0 { padding-top: 0pt; padding-bottom: 0pt; line-height: 1.0; text-align: left; margin-bottom: 0 !important; font-size: 1em !important; } .c42 { padding-top: 0pt; padding-bottom: 0pt; line-height: 1.0 } .c35 { background-color: #ffffff; max-width: 468pt; padding: 72pt 72pt 72pt 72pt } .c25 { color: #ffffff; font-weight: bold } .c12 { color: #1155cc; text-decoration: underline } .c28 { orphans: 2; widows: 2 } .c8 { margin: 5px } .c33 { font-size: 7pt; } .c34 { page-break-after: avoid; text-align: center } .c17 { font-size: 9pt; } .c177 { font-family: "Proxima Nova",Arial,sans-serif; } .c9 { color: inherit; text-decoration: inherit } .c36 { margin-right: -0.8pt } .c23 { background-color: #eff4f9 } .c40 { font-size: 9pt } .c3 { height: 19pt } .c37 { height: 21pt } .c29 { background-color: #3dbe8b } .c38 { text-align: center } .c26 { font-style: italic } .c16 { background-color: #fafbfc } .c5 { height: 11pt }