CSS3入门学习之属性大全手册

• 定位 Positioning

  • position
  • clip

  布局 Layout

  • display
  • overflow
  • overflow-x
  • overflow-y

  边框 Border

  • border-radius
  • border-top-left-radius
  • border-top-right-radius
  • border-bottom-right-radius
  • border-bottom-left-radius
  • box-shadow
  • border-image
  • border-image-source
  • border-image-slice
  • border-image-width
  • border-image-outset
  • border-image-repeat

  背景 Background

  • background
  • background-image
  • background-repeat
  • background-attachment
  • background-position
  • background-origin
  • background-clip
  • background-size

  颜色 Color

  • opacity

  字体 Font

  • font-stretch

  文本 Text

  • text-transform
  • tab-size
  • word-break
  • word-wrap
  • overflow-wrap
  • text-align
  • text-align-last
  • text-justify
  • word-spacing
  • letter-spacing
  • text-indent

  文本装饰 Text Decoration

  • text-decoration
  • text-decoration-line
  • text-decoration-color
  • text-decoration-style
  • text-decoration-skip
  • text-underline-position
  • text-shadow

  书写模式 Writing Modes

  • unicode-bidi
  • writing-mode

  用户界面 User Interface

  • text-overflow
  • outline-offset
  • nav-index
  • nav-up
  • nav-right
  • nav-down
  • nav-left
  • zoom
  • box-sizing
  • resize
  • ime-mode
  • user-select

  多列 Multi-column

  • columns
  • column-width
  • column-count
  • column-gap
  • column-rule
  • column-rule-width
  • column-rule-style
  • column-rule-color
  • column-span
  • column-fill
  • column-break-before
  • column-break-after
  • column-break-inside

  伸缩盒 Flexible Box(旧)

  • box-orient
  • box-pack
  • box-align
  • box-flex
  • box-flex-group
  • box-ordinal-group
  • box-direction
  • box-lines

  伸缩盒 Flexible Box(新)

  • flex
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex-flow
  • flex-direction
  • flex-wrap
  • align-content
  • align-items
  • align-self
  • justify-content
  • order

  转换 Transform

  • transform
  • transform-origin

  过渡 Transition

  • transition
  • transition-property
  • transition-duration
  • transition-timing-function
  • transition-delay

  动画 Animation

  • animation
  • animation-name
  • animation-duration
  • animation-timing-function
  • animation-delay
  • animation-iteration-count
  • animation-direction
  • animation-play-state
  • animation-fill-mode

  打印 Printing

  • page

  媒体查询 Media Queries

  • width
  • height
  • device-width
  • device-height
  • orientation
  • aspect-ratio
  • device-aspect-ratio
  • color
  • color-index
  • monochrome
  • resolution
  • scan
  • grid

  Only Firefox

  • border-colors
  • border-top-colors
  • border-right-colors
  • border-bottom-colors
  • border-left-colors

  Only Webkit

  • text-fill-color
  • text-stroke
  • text-stroke-width
  • text-stroke-color
  • box-reflect

  关系选择符 Relationship Selectors

  • E~F

  属性选择符 Attribute Selectors

  • E[att^="val"]
  • E[att$="val"]
  • E[att*="val"]

  伪类选择符 Pseudo-Classes Selectors

  • E:not(s)
  • E:root
  • E:last-child
  • E:only-child
  • E:nth-child(n)
  • E:nth-last-child(n)
  • E:first-of-type
  • E:last-of-type
  • E:only-of-type
  • E:nth-of-type(n)
  • E:nth-last-of-type(n)
  • E:empty
  • E:checked
  • E:enabled
  • E:disabled
  • E:target

  伪对象选择符 Pseudo-Element Selectors

  • E:first-letter/E::first-letter
  • E:first-line/E::first-line
  • E:before/E::before
  • E:after/E::after
  • E::selection

  语法与规则 Rules and Syntax

  • @import
  • @media
  • @font-face
  • @keyframes

  长度值与单位 Length Data Types and Units

  • ch
  • rem
  • vw
  • vh
  • vmax
  • vmin
  • q

  角度值与单位 Angle Data Types and Units

  • <angle>
  • deg
  • grad
  • rad
  • turn

  时间值与单位 Time Data Types and Units

  • <time>
  • s
  • ms

  频率值与单位 Frequency Data Types and Units

  • <frequency>
  • Hz
  • kHz

  特殊布局值与单位 Layout-specific Data Types and Units

  • <fraction>
  • <grid>
  • fr
  • gr

  分辨率值与单位 Resolution Data Types and Units

  • <resolution>
  • dpi
  • dpcm
  • dppx

  颜色值 Color Data Types

  • RGBA
  • HSL
  • HSLA
  • transparent

  函数值 Functional Notations Data Types

  • counter()
  • attr()
  • calc()
  • min()
  • max()
  • toggle()

  图像值 Image Data Types

  • linear-gradient()
  • radial-gradient()
  • repeating-linear-gradient()
  • repeating-radial-gradient()

  紫色 链接表示该属性在CSS3有修改或者增加了新的属性值；橙色 链接表示该属性是CSS3新增属性