CSS 官方文档

Variables

  • --*
  • var()

    • Extensions

  • -moz-appearance
  • -moz-background-inline-policy
  • -moz-binding
  • -moz-border-bottom-colors
  • -moz-border-image
  • -moz-border-left-colors
  • -moz-border-right-colors
  • -moz-border-top-colors
  • -moz-float-edge
  • -moz-force-broken-image-icon
  • -moz-image-rect
  • -moz-image-region
  • -moz-orient
  • -moz-outline
  • -moz-outline-radius
  • -moz-outline-radius-bottomleft
  • -moz-outline-radius-bottomright
  • -moz-outline-radius-topleft
  • -moz-outline-radius-topright
  • -moz-outline-style
  • -moz-outline-width
  • -moz-stack-sizing
  • -moz-text-blink
  • -moz-user-focus
  • -moz-user-input
  • -moz-user-modify
  • -moz-window-shadow
  • -webkit-appearance
  • -webkit-border-before
  • -webkit-box-reflect
  • -webkit-overflow-scrolling
  • -webkit-tap-highlight-color
  • -webkit-text-fill-color
  • -webkit-text-stroke
  • -webkit-text-stroke-color
  • -webkit-text-stroke-width
  • -webkit-touch-callout
  • :-moz-full-screen-ancestor
  • :-moz-placeholder
  • :-moz-submit-invalid
  • :-moz-tree-image
  • :-moz-tree-twisty
  • :-moz-ui-invalid
  • :-moz-ui-valid
  • ::-moz-placeholder
  • ::-moz-progress-bar
  • ::-moz-range-progress
  • ::-moz-range-thumb
  • ::-moz-range-track
  • ::-webkit-input-placeholder
  • ::-webkit-progress-bar
  • ::-webkit-progress-inner-element
  • ::-webkit-progress-value
  • ::-webkit-slider-runnable-track
  • ::-webkit-slider-thumb

    • Selectors

  • :-ms-input-placeholder
  • ::after
  • ::before
  • ::first-letter
  • ::first-line
  • :active
  • :any
  • :any-link
  • :checked
  • :dir
  • :disabled
  • :empty
  • :enabled
  • :first-child
  • :first-of-type
  • :focus
  • :focus-within
  • :hover
  • :in-range
  • :lang
  • :last-child
  • :last-of-type
  • :link
  • :not
  • :nth-child
  • :nth-last-child
  • :nth-last-of-type
  • :nth-of-type
  • :only-child
  • :only-of-type
  • :out-of-range
  • :placeholder-shown
  • :read-only
  • :read-write
  • :root
  • :scope
  • :target
  • :visited
  • Adjacent sibling selectors
  • Attribute selectors
  • Child selectors
  • Class selectors
  • CSS Selectors
  • Descendant selectors
  • General sibling selectors
  • ID selectors
  • Pseudo-classes
  • Type selectors
  • Universal selectors

    • Pseudo-Elements

  • ::-ms-fill
  • ::-ms-fill-lower
  • ::-ms-fill-upper
  • ::-ms-thumb
  • ::-ms-track
  • ::grammar-error
  • ::placeholder
  • ::selection
  • ::spelling-error

    • Fullscreen API

  • ::backdrop
  • :fullscreen

    • Lists & Counters

  • ::marker
  • <counter>
  • counter-increment
  • counter-reset
  • CSS Lists and Counters
  • CSS Lists and Counters: Consistent list indentation
  • CSS Lists and Counters: Using CSS counters
  • custom-ident
  • list-style
  • list-style-image
  • list-style-position
  • list-style-type

    • Basic User Interface

  • :default
  • :indeterminate
  • :invalid
  • :optional
  • :required
  • :valid
  • appearance
  • box-sizing
  • caret-color
  • CSS User Interface
  • cursor
  • outline
  • outline-color
  • outline-offset
  • outline-style
  • outline-width
  • resize
  • text-overflow
  • user-select

    • Paged Media

  • :first
  • :left
  • :right
  • @page
  • @page.bleed
  • @page.marks
  • @page.size
  • CSS Pages
  • page-break-after
  • page-break-before
  • page-break-inside

    • Values & Units

  • <angle>
  • <frequency>
  • <integer>
  • <length>
  • <number>
  • <percentage>
  • <string>
  • <time>
  • <uri>
  • attr()
  • calc()
  • inherit
  • url
  • url()
  • Value definition syntax

    • Shapes

  • <basic-shape>
  • CSS Shapes
  • shape-box
  • shape-image-threshold
  • shape-margin
  • shape-outside

    • Color

  • <color>
  • color
  • CSS Colors
  • currentColor
  • hsl()
  • hsla()
  • opacity
  • rgb()
  • rgba()
  • transparent

    • Image Values

  • <gradient>
  • <image>
  • CSS Images
  • CSS Images: Implementing image sprites in CSS
  • CSS Images: Using CSS gradients
  • element()
  • image-orientation
  • image-rendering
  • linear-gradient()
  • object-fit
  • object-position
  • radial-gradient()
  • repeating-linear-gradient()
  • repeating-radial-gradient()

    • Backgrounds & Borders

  • <position>
  • background
  • background-attachment
  • background-clip
  • background-color
  • background-image
  • background-origin
  • background-position
  • background-position-x
  • background-position-y
  • 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-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-style
  • border-top
  • border-top-color
  • border-top-left-radius
  • border-top-right-radius
  • border-top-style
  • border-top-width
  • border-width
  • box-shadow
  • CSS Background and Borders
  • CSS Background and Borders: Border-image generator
  • CSS Background and Borders: Border-radius generator
  • CSS Background and Borders: Scaling background images
  • CSS Background and Borders: Using CSS multiple backgrounds

    • Media Queries

  • <ratio>
  • <resolution>
  • @import
  • @media
  • @media.any-hover
  • @media.any-pointer
  • @media.aspect-ratio
  • @media.color
  • @media.color-index
  • @media.device-aspect-ratio
  • @media.device-height
  • @media.device-width
  • @media.display-mode
  • @media.grid
  • @media.height
  • @media.hover
  • @media.inverted-colors
  • @media.light-level
  • @media.monochrome
  • @media.orientation
  • @media.overflow-block
  • @media.overflow-inline
  • @media.pointer
  • @media.resolution
  • @media.scan
  • @media.scripting
  • @media.update-frequency
  • @media.width
  • Media Queries
  • Media Queries: Testing media queries
  • Media Queries: Using media queries

    • Miscellaneous Level 2

  • <shape>
  • @charset
  • actual value
  • border-collapse
  • border-spacing
  • bottom
  • caption-side
  • computed value
  • CSS Box Model: Mastering margin collapsing
  • CSS Charsets
  • CSS Generated Content
  • CSS Table
  • empty-cells
  • margin collapsing
  • max-height
  • max-width
  • quotes
  • rect()
  • specified value
  • table-layout

    • Animations & Transitions

  • <timing-function>
  • @keyframes
  • animation
  • animation-delay
  • animation-direction
  • animation-duration
  • animation-fill-mode
  • animation-iteration-count
  • animation-name
  • animation-play-state
  • animation-timing-function
  • CSS Animations
  • CSS Animations: Detecting CSS animation support
  • CSS Animations: Tips
  • CSS Animations: Using CSS animations
  • CSS Transitions
  • CSS Transitions: Using CSS transitions
  • cubic-bezier()
  • ease
  • ease-in
  • ease-in-out
  • ease-out
  • left
  • line-height
  • linear
  • right
  • step-end
  • step-start
  • steps()
  • top
  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • transition-timing-function
  • vertical-align
  • z-index

    • Counter Styles

  • @counter-style
  • @counter-style.additive-symbols
  • @counter-style.fallback
  • @counter-style.negative
  • @counter-style.pad
  • @counter-style.prefix
  • @counter-style.range
  • @counter-style.speak-as
  • @counter-style.suffix
  • @counter-style.symbols
  • @counter-style.system

    • Miscellaneous

  • @document
  • @styleset
  • Cascade
  • Comments
  • CSS animated properties
  • CSS Box Model: Box-shadow generator
  • CSS Colors: Color picker tool
  • CSS Miscellaneous
  • CSS Positioning: Understanding z index
  • CSS Positioning: Understanding z index: The stacking context
  • CSS Reference
  • CSS Selectors: Using the :target pseudo-class in selectors
  • CSS Types
  • CSS User Interface: Using URL values for the cursor property
  • ime-mode
  • inheritance
  • initial value
  • Layout mode
  • marker-offset
  • overflow-clip-box
  • Privacy and the :visited selector
  • Pseudo-elements
  • Replaced element
  • resolved value
  • scroll-snap-points-x
  • scroll-snap-points-y
  • scroll-snap-type-x
  • scroll-snap-type-y
  • Shorthand properties
  • Specificity
  • Syntax
  • text-size-adjust
  • touch-action
  • used value
  • Using CSS variables
  • Using media queries from code
  • Using URL values for the cursor property
  • Visual formatting model
  • will-change

    • Fonts

  • @font-face
  • @font-face.font-family
  • @font-face.font-style
  • @font-face.src
  • @font-face.unicode-range
  • @font-feature-values
  • CSS Fonts
  • font
  • font-family
  • font-feature-settings
  • font-kerning
  • font-language-override
  • font-size
  • font-size-adjust
  • font-stretch
  • font-style
  • font-synthesis
  • font-variant
  • font-variant-alternates
  • font-variant-caps
  • font-variant-east-asian
  • font-variant-ligatures
  • font-variant-numeric
  • font-variant-position
  • font-variation-settings
  • font-weight

    • Namespaces

  • @namespace
  • CSS Namespaces

    • Conditional Rules

  • @supports
  • At-rule
  • CSS Conditional Rules

    • Device Adaptation

  • @viewport
  • @viewport.height
  • @viewport.max-height
  • @viewport.max-width
  • @viewport.max-zoom
  • @viewport.min-height
  • @viewport.min-width
  • @viewport.min-zoom
  • @viewport.orientation
  • @viewport.user-zoom
  • @viewport.width
  • @viewport.zoom
  • CSS Device Adaptation

    • Flexible Box Layout

  • align-content
  • align-items
  • CSS Flexible Box Layout
  • CSS Flexible Box Layout: Advanced layouts with flexbox
  • CSS Flexible Box Layout: Using CSS flexible boxes
  • CSS Flexible Box Layout: Using flexbox to lay out web applications
  • display
  • flex
  • flex-basis
  • flex-direction
  • flex-flow
  • flex-grow
  • flex-shrink
  • flex-wrap
  • justify-content
  • min-height
  • min-width
  • order

    • Box Alignment

  • align-self
  • justify-items
  • justify-self

    • Cascading & Inheritance

  • all
  • initial
  • revert
  • unset

    • Basic Box Model

  • auto
  • CSS Box Model
  • float
  • height
  • margin
  • margin-bottom
  • margin-left
  • margin-right
  • margin-top
  • overflow
  • overflow-x
  • overflow-y
  • padding
  • padding-bottom
  • padding-left
  • padding-right
  • padding-top
  • visibility
  • width

    • Filter Effects

  • backdrop-filter
  • filter

    • Transforms

  • backface-visibility
  • CSS Transforms
  • CSS Transforms: Using CSS transforms
  • matrix()
  • matrix3d()
  • perspective
  • perspective()
  • perspective-origin
  • rotate()
  • rotate3d()
  • rotateX()
  • rotateY()
  • rotateZ()
  • scale()
  • scale3d()
  • scaleX()
  • scaleY()
  • scaleZ()
  • skew()
  • skewX()
  • skewY()
  • transform
  • transform-box
  • transform-function()
  • transform-origin
  • transform-style
  • translate()
  • translate3d()
  • translateX()
  • translateY()
  • translateZ()

    • Compositing & Blending

  • background-blend-mode
  • blend-mode
  • isolation
  • mix-blend-mode

    • Logical Properties

  • block-size
  • border-block-end
  • border-block-end-color
  • border-block-end-style
  • border-block-end-width
  • border-block-start
  • border-block-start-color
  • border-block-start-style
  • border-block-start-width
  • border-inline-end
  • border-inline-end-color
  • border-inline-end-style
  • border-inline-end-width
  • border-inline-start
  • border-inline-start-color
  • border-inline-start-style
  • border-inline-start-width
  • CSS Logical Properties
  • inline-size
  • margin-block-end
  • margin-block-start
  • margin-inline-end
  • margin-inline-start
  • max-block-size
  • max-inline-size
  • min-block-size
  • min-inline-size
  • offset-block-end
  • offset-block-start
  • offset-inline-end
  • offset-inline-start
  • padding-block-end
  • padding-block-start
  • padding-inline-end
  • padding-inline-start

    • Miscellaneous Level 1

  • box model
  • clear
  • CSS Box Model: Introduction to the CSS box model
  • text-indent
  • text-transform
  • word-spacing

    • Fragmentation

  • box-decoration-break
  • break-after
  • break-before
  • break-inside
  • orphans
  • widows

    • Masking

  • clip
  • mask-clip
  • mask-composite
  • mask-image
  • mask-mode
  • mask-origin
  • mask-position
  • mask-repeat
  • mask-size
  • mask-type

    • Scalable Vector Graphics

  • clip-path
  • CSS Masks
  • letter-spacing
  • mask
  • pointer-events
  • text-rendering

    • Multi-column Layout

  • column-count
  • column-fill
  • column-gap
  • column-rule
  • column-rule-color
  • column-rule-style
  • column-rule-width
  • column-span
  • column-width
  • columns
  • CSS Columns
  • CSS Columns: Using multi-column layouts

    • Generated Content

  • content

    • Grid Layout

  • CSS Grid
  • CSS Grid Layout
  • CSS Grid Layout: Auto-placement in CSS Grid Layout
  • CSS Grid Layout: Basic Concepts of Grid Layout
  • CSS Grid Layout: Box Alignment in CSS Grid Layout
  • CSS Grid Layout: CSS Grid and Progressive Enhancement
  • CSS Grid Layout: CSS Grid Layout and Accessibility
  • CSS Grid Layout: CSS Grid, Logical Values and Writing Modes
  • CSS Grid Layout: Grid Template Areas
  • CSS Grid Layout: Layout using Named Grid Lines
  • CSS Grid Layout: Line-based Placement with CSS Grid
  • CSS Grid Layout: Realising common layouts using CSS Grid
  • CSS Grid Layout: Realizing common layouts using CSS Grid Layout
  • CSS Grid Layout: Relationship of Grid Layout
  • fit-content
  • flex value
  • grid
  • grid-area
  • grid-auto-columns
  • grid-auto-flow
  • grid-auto-rows
  • grid-column
  • grid-column-end
  • grid-column-gap
  • grid-column-start
  • grid-gap
  • grid-row
  • grid-row-end
  • grid-row-gap
  • grid-row-start
  • grid-template
  • grid-template-areas
  • grid-template-columns
  • grid-template-rows
  • minmax
  • repeat

    • Positioned Layout

  • CSS Positioning
  • position

    • Ruby Layout

  • CSS Ruby
  • ruby-align
  • ruby-position

    • Scroll Snap

  • CSS Scroll Snap Points
  • scroll-snap-coordinate
  • scroll-snap-destination
  • scroll-snap-type

    • Text

  • CSS Text
  • hyphens
  • line-break
  • overflow-wrap
  • tab-size
  • text-align
  • text-align-last
  • white-space
  • word-break
  • word-wrap

    • Text Decoration

  • CSS Text Decoration
  • text-decoration
  • text-decoration-color
  • text-decoration-line
  • text-decoration-skip
  • text-decoration-style
  • text-emphasis
  • text-emphasis-color
  • text-emphasis-position
  • text-emphasis-style
  • text-shadow
  • text-underline-position

    • Writing Modes

  • CSS Writing Modes
  • direction
  • text-combine-upright
  • text-orientation
  • unicode-bidi
  • writing-mode

    • Object Model View

  • CSSOM View
  • scroll-behavior

    • Inline Layout

  • initial-letter
  • initial-letter-align

    • Motion Path

  • offset
  • offset-distance
  • offset-path
  • offset-rotate

    • Index

  • index

    • Copyright©2021 w3cschool编程狮 闽ICP备15016281号-3 闽公网安备35020302033924号