CSS3属性名大全

A开头的CSS3属性：

:activeadditive-symbols::after (:after)align-contentalign-itemsalign-selfall  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 语法
• @规则
• 注释
• 权重
• 初始值
• 继承
• 指定值
• 计算值
• 使用值
• 实际值
• 盒式模型
• 替换元素
• 属性值定义语法