CSS3属性名大全

A开头的CSS3属性：

:active
additive-symbols
::after (:after)
align-content
align-items
align-self
all
  animation
  animation-delay
  animation-direction
  animation-duration
  animation-fill-mode
  animation-iteration-count
  animation-name
  animation-play-state
  animation-timing-function
  @annotation
  annotation()
  attr()

B开头的CSS3属性：

::backdrop
  backface-visibility
  background
  background-attachment
  background-blend-mode
  background-clip
  background-color
  background-image
  background-origin
  background-position
  background-repeat
  background-size
  <basic-shape>
    ::before (:before)
      block-size
      blur()
      border
      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-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-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
      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-decoration-break
      box-shadow
      box-sizing
      break-after
      break-before
      break-inside
      brightness()
</basic-shape>

C开头的CSS3属性：

calc()
      caption-side
      ch
      @character-variant
      character-variant()
      @charset
      :checked
      circle()
      clear
      clip
      clip-path
      cm
      color
      <color>
        columns
        column-count
        column-fill
        column-gap
        column-rule
        column-rule-color
        column-rule-style
        column-rule-width
        column-span
        column-width
        content
        contrast()
        <counter>
          counter-increment
          counter-reset
          @counter-style
          cubic-bezier()
          cursor
          <custom-ident>

D开头的CSS3属性：

:default
            deg
            :dir()
            direction
            :disabled
            display
            @document
            dpcm
            dpi
            dppx
            drop-shadow()

E开头的CSS3属性

element()
            ellipse()
            em
            :empty
            empty-cells
            :enabled
            ex

F开头的CSS3属性

fallback
            filter
            :first
            :first-child
            ::first-letter (:first-letter)
            ::first-line (:first-line)
            :first-of-type
            flex
            flex-basis
            flex-direction
            flex-flow
            flex-grow
            flex-shrink
            flex-wrap
            float
            :focus
            font
            @font-face
            font-family
            font-feature-settings
            @font-feature-values
            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-weight
            <frequency>
              :fullscreen
              </frequency>

G开头的CSS3属性

grad
              <gradient>
                grayscale()
                grid
                grid-area
                grid-auto-columns
                grid-auto-flow
                grid-auto-position
                grid-auto-rows
                grid-column
                grid-column-start
                grid-column-end
                grid-row
                grid-row-start
                grid-row-end
                grid-template
                grid-template-areas
                grid-template-rows
                grid-template-columns

H开头的CSS3属性

height
                :hover
                hsl()
                hsla()
                hue-rotate()
                hyphens
                hz
                </gradient>

I开头的CSS3属性

img
                  image()
                  image-rendering
                  image-resolution
                  image-orientation
                  ime-mode
                  @import
                  in
                  :indeterminate
                  inherit
                  initial
                  inline-size
                  :in-range
                  inset()
                  <integer>
                    :invalid
                    invert()
                    isolation
                    J开头的CSS3属性
                    justify-content
                    K开头的CSS3属性
                    @keyframes
                    khz

L开头的CSS3属性

:lang()
                    :last-child
                    :last-of-type
                    left
                    :left
                    <length>
                      letter-spacing
                      linear-gradient()
                      line-break
                      line-height
                      :link
                      list-style
                      list-style-image
                      list-style-position
                      list-style-type

M开头的CSS3属性

margin
                      margin-block-end
                      margin-block-start
                      margin-bottom
                      margin-inline-end
                      margin-inline-start
                      margin-left
                      margin-right
                      margin-top
                      marks
                      mask
                      mask-type
                      matrix()
                      matrix3d()
                      max-block-size
                      max-height
                      max-height
                      max-inline-size
                      max-width
                      max-width
                      max-zoom
                      @media
                      min-block-size
                      min-height
                      min-height
                      min-inline-size
                      minmax()
                      min-width
                      min-width
                      min-zoom
                      mix-blend-mode
                      mm
                      ms

N开头的CSS3属性

@namespace
                      negative
                      :not()
                      :nth-child()
                      :nth-last-child()
                      :nth-last-of-type()
                      :nth-of-type()
                      <number>

O开头的CSS3属性

object-fit
                        object-position
                        offset-block-end
                        offset-block-start
                        offset-inline-end
                        offset-inline-start
                        :only-child
                        :only-of-type
                        opacity
                        opacity()
                        :optional
                        order
                        orientation
                        @ornaments
                        ornaments()
                        orphans
                        outline
                        outline-color
                        outline-offset
                        outline-style
                        outline-width
                        :out-of-range
                        overflow
                        overflow-wrap
                        overflow-x
                        overflow-y

P开头的CSS3属性

pad
                        padding
                        padding-block-end
                        padding-block-start
                        padding-bottom
                        padding-inline-end
                        padding-inline-start
                        padding-left
                        padding-right
                        padding-top
                        @page
                        page-break-after
                        page-break-before
                        page-break-inside
                        pc
                        <percentage>
                          perspective
                          perspective()
                          perspective-origin
                          pointer-events
                          polygon()
                          position
                          <position>
                            prefix
                            pt
                            px

Q开头的CSS3属性

quotes

R开头的CSS3属性

rad
                            radial-gradient()
                            range
                            <ratio>
                              :read-only
                              :read-write
                              rect()
                              rem
                              repeat()
                              ::repeat-index
                              ::repeat-item
                              repeating-linear-gradient()
                              repeating-radial-gradient()
                              :required
                              resize
                              <resolution>
                                rgb()
                                rgba()
                                right
                                :right
                                :root
                                rotate()
                                rotatex()
                                rotatey()
                                rotatez()
                                rotate3d()
                                ruby-align
                                ruby-merge
                                ruby-position
                                </resolution></ratio>

S开头的CSS3属性

s
                                saturate()
                                scale()
                                scalex()
                                scaley()
                                scalez()
                                scale3d()
                                :scope
                                scroll-behavior
                                scroll-snap-coordinate
                                scroll-snap-destination
                                scroll-snap-points-x
                                scroll-snap-points-x
                                scroll-snap-points-y
                                scroll-snap-type
                                scroll-snap-type-x
                                scroll-snap-type-y
                                ::selection
                                sepia()
                                <shape>
                                  shape-image-threshold
                                  shape-margin
                                  shape-outside
                                  skew()
                                  skewx()
                                  skewy()
                                  speak-as
                                  src
                                  steps()
                                  <string>
                                    @styleset
                                    styleset()
                                    @stylistic
                                    stylistic()
                                    suffix
                                    @supports
                                    @swash
                                    swash()
                                    symbols
                                    symbols()
                                    system
                                    </string></shape>

T开头的CSS3属性

table-layout
                                    tab-size
                                    :target
                                    text-align
                                    text-align-last
                                    text-combine-upright
                                    text-decoration
                                    text-decoration-color
                                    text-decoration-line
                                    text-decoration-style
                                    text-indent
                                    text-orientation
                                    text-overflow
                                    text-rendering
                                    text-shadow
                                    text-transform
                                    text-underline-position
                                    <time>
                                      <timing-function>
                                        top
                                        touch-action
                                        transform
                                        transform-box
                                        transform-origin
                                        transform-style
                                        transition
                                        transition-delay
                                        transition-duration
                                        transition-property
                                        transition-timing-function
                                        translate()
                                        translatex()
                                        translatey()
                                        translatez()
                                        translate3d()
                                        turn
                                        </timing-function></time>

U开头的CSS3属性

unicode-bidi
                                        unicode-range
                                        :unresolved
                                        unset
                                        <uri>
                                          url()
                                          user-zoom
                                          </uri>

V开头的CSS3属性

:valid
                                          var()
                                          vertical-align
                                          vh
                                          @viewport
                                          visibility
                                          :visited
                                          vmax
                                          vmin
                                          vw

Z开头的CSS3属性

z-index
                                          zoom

选择器

基本选择器

元素选择器

elementname

类选择器

.classname

ID选择器

#idname

通配选择器

*
 ns|* *|*

属性选择器

[attr=value]

组合选择器

相邻兄弟选择器

A
 + B

通用兄弟选择器

A
 ~ B

子选择器

A
 > B

后代选择器

A
 B

伪元素

伪类

CSS3 教程

下面的文章教你如何使用一些 CSS3 中新出现的技术:

如何使用媒体查询

如何使用
CSS 计数器
如何使用
CSS 渐变
如何使用
CSS 变形
如何使用
CSS 动画
如何使用
CSS 过渡
如何使用
CSS 多背景
如何使用
CSS 弹性盒
如何使用
CSS 多列布局

概念

CSS
语法
@规则

注释

权重

初始值

继承

指定值

计算值

使用值

实际值

盒式模型

替换元素

属性值定义语法