一个通用的CSS参考，包含所有重要的属性和信息，从基础学习CSS。

本参考旨在为CSS开发进程中提供CSS语法和属性的说明解释，提供在常规业务中提供最佳实践。

阅读本参考时，您可能会发现很多内容在互联网上已经存在。

我们编辑文档时，将以MDN Web Docs为准，比较明确的定义和用法，会直接以该站为准，甚至直接引用。

MDN Web Docs（Mozilla Developer Network）是一个权威的Web技术文档网站，提供了关于HTML、CSS、JavaScript等前端技术的详细文档和教程。MDN Web Docs由Mozilla开发者网络提供，其内容由全球的贡献者维护和更新，以确保信息的准确性和时效性。

MDN Web Docs不仅提供了丰富的技术文档和教程，还为Web开发人员提供了各种API、属性和技术的详细说明，以及各种浏览器兼容性信息和规范。此外，MDN Web Docs还提供了许多示例代码和演示，帮助开发人员更好地理解和使用Web技术。

因此，可以说MDN Web Docs是一个权威的Web技术文档网站，对于Web开发人员来说是非常重要的学习资源。

本参考相对于MDN Web Docs，更倾向一般业务应用实践和特征功能的最佳实践。

• 基础内容
  • 规则集 ✅
  • 选择器 ✅
  • 冲突-层叠、优先级、继承 ⏲
  • 盒模型 ⏲
  • 值与单位 ⏲
  • 替换元素和表单 ⏲
  • 开发者工具 ⏲
  • 布局排版 ⏲
  • 响应式 ⏲
  • 兼容 ⏲
  • 性能 ⏲
• 概念 ⏲
• 属性 📍3%
• 规则 ⏲
• 伪类 ⏲
• 函数 ⏲
• 数据类型 ⏲

• ✅all
• ✅animation
• animation-delay
• animation-direction
• animation-duration
• animation-fill-mode
• animation-iteration-count
• animation-name
• animation-play-state
• animation-timing-function
• ✅appearance
• ✅backdrop-filter
• backface-visibility
• ✅background
• background-attachment
• background-blend-mode
• background-clip
• background-color
• background-image
• background-origin
• background-position
• background-repeat
• background-size
• ✅border
• border-bottom
• border-bottom-color
• border-bottom-left-radius
• border-bottom-right-radius
• border-bottom-style
• border-bottom-width
• border-collapse
• border-color
• border-image
• border-image-outset
• border-image-repeat
• border-image-slice
• border-image-source
• border-image-width
• border-left
• border-left-color
• border-left-style
• border-left-width
• border-radius
• border-right
• border-right-color
• border-right-style
• border-right-width
• border-spacing
• border-style
• border-top
• border-top-color
• border-top-left-radius
• border-top-right-radius
• border-top-style
• border-top-width
• border-width
• bottom
• box-shadow
• box-sizing
• break-after
• break-before
• break-inside
• caption-side
• clear
• clip
• clip-path
• ✅color
• column-count
• column-fill
• column-gap
• column-rule
• column-rule-color
• column-rule-style
• column-rule-width
• column-span
• column-width
• columns
• counter-increment
• counter-reset
• cursor
• direction
• display
• empty-cells
• filter
• float
• font
• font-family
• font-size
• font-size-adjust
• font-stretch
• font-style
• font-synthesis
• font-variant
• font-weight
• hanging-punctuation
• height
• hyphens
• isolation
• left
• letter-spacing
• line-height
• list-style
• list-style-image
• list-style-position
• list-style-type
• margin
• margin-bottom
• margin-left
• margin-right
• margin-top
• mask
• mask-border
• mask-border-mode
• mask-border-outset
• mask-border-repeat
• mask-border-slice
• mask-border-source
• mask-border-width
• mask-clip
• mask-composite
• mask-image
• mask-mode
• mask-origin
• mask-position
• mask-repeat
• mask-size
• mask-type
• max-height
• max-width
• min-height
• min-width
• mix-blend-mode
• object-fit
• object-position
• opacity
• orphans
• outline
• outline-color
• outline-offset
• outline-style
• outline-width
• overflow
• overflow-x
• overflow-y
• padding
• padding-bottom
• padding-left
• padding-right
• padding-top
• page-break-after
• page-break-before
• page-break-inside
• perspective
• perspective-origin
• pointer-events
• position
• quotes
• resize
• right
• shape-image-threshold
• shape-margin
• shape-outside
• tab-size
• table-layout
• text-align
• text-align-last
• text-decoration
• text-decoration-color
• text-decoration-line
• text-decoration-style
• text-indent
• text-justify
• text-orientation
• text-overflow
• text-rendering
• text-shadow
• text-transform
• top
• touch-action
• transform
• transform-origin
• transform-style
• transition
• transition-delay
• transition-duration
• transition-property
• transition-timing-function
• unicode-bidi
• vertical-align
• visibility
• white-space
• widows
• width
• will-change
• word-break
• word-spacing
• word-wrap
• writing-mode
• z-index