一个通用的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