定位 Positioning
佈局 Layout
尺寸與補白 Dimension and Margins and Paddings
背景與邊框 Backgrounds and Borders
- border
- border-width
- border-style
- border-color
- border-radius
- box-shadow
- border-image
- border-image-source
- border-image-slice
- border-image-width
- border-image-outset
- border-image-repeat
- background
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
- background-origin
- background-clip
- background-size
顏色 Color
字體 Font
文本 Text
- text-transform
- white-space
- tab-size
- word-break
- word-wrap/overflow-wrap
- text-align
- text-align-last
- text-justify
- word-spacing
- letter-spacing
- text-indent
- vertical-align
- line-height
- text-size-adjust
文本裝飾 Text Decoration
- text-decoration
- text-decoration-line
- text-decoration-color
- text-decoration-style
- text-decoration-skip
- text-underline-position
- text-shadow
書寫模式 Writing Modes
列表 List
表格 Table
內容 Content
用戶界面 User Interface
- appearance
- text-overflow
- outline
- outline-width
- outline-style
- outline-color
- outline-offset
- nav-index
- nav-up
- nav-right
- nav-down
- nav-left
- cursor
- zoom
- box-sizing
- resize
- ime-mode
- user-select
- pointer-events
多列 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(舊)
伸縮盒 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
過渡 Transition
動畫 Animation
- animation
- animation-name
- animation-duration
- animation-timing-function
- animation-delay
- animation-iteration-count
- animation-direction
- animation-play-state
- animation-fill-mode
打印 Printing
媒體查詢 Media Queries
- width
- height
- device-width
- device-height
- orientation
- aspect-ratio
- device-aspect-ratio
- color
- color-index
- monochrome
- resolution
- device-pixel-ratio
- scan
- grid
Only IE
- scrollbar-3dlight-color
- scrollbar-darkshadow-color
- scrollbar-highlight-color
- scrollbar-shadow-color
- scrollbar-arrow-color
- scrollbar-face-color
- scrollbar-track-color
- scrollbar-base-color
- filter
- behavior
Only Webkit
- -webkit-text-fill-color
- -webkit-text-stroke
- -webkit-text-stroke-width
- -webkit-text-stroke-color
- -webkit-box-reflect
- -webkit-tap-highlight-color
- -webkit-user-drag
- -webkit-overflow-scrolling
元素選擇符 Element Selectors
關係選擇符 Relationship Selectors
屬性選擇符 Attribute Selectors
僞類選擇符 Pseudo-Classes Selectors
- E:link
- E:visited
- E:hover
- E:active
- E:focus
- E:lang(fr)
- E:not(s)
- E:root
- E:first-child
- 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
- @page:first
- @page:left
- @page:right
僞對象選擇符 Pseudo-Element Selectors
- E:first-letter/E::first-letter
- E:first-line/E::first-line
- E:before/E::before
- E:after/E::after
- E::placeholder
- E::selection
語法與規則 Rules and Syntax
長度值與單位 Length Data Types and Units
角度值與單位 Angle Data Types and Units
時間值與單位 Time Data Types and Units
頻率值與單位 Frequency Data Types and Units
特殊佈局值與單位 Layout-specific Data Types and Units
分辨率值與單位 Resolution Data Types and Units
顏色值 Color Data Types
文本值 Textual Data Types
函數值 Functional Notations Data Types
生成內容值 Content Notations Data Types
圖像值 Image Data Types
- <image>
- image()
- image-set()
- <gradient>
- linear-gradient()
- radial-gradient()
- repeating-linear-gradient()
- repeating-radial-gradient()
數字值 Numeric Data Types
附錄 Appendix
常用CSS Hack
問題和經驗
