F2E Docs
  • 书籍
  • 面试
  • 牛人与社区
  • 规范
  • 参考
  • Github
  • 目录
  • 1. 前端知识结构
  • 2. CSS 参考手册
    • 2.1. 属性 Properties
      • 2.1.1. 目录
      • 2.1.2. 定位(Positioning)
        • 2.1.2.1. position
        • 2.1.2.2. z-index
        • 2.1.2.3. top
        • 2.1.2.4. right
        • 2.1.2.5. bottom
        • 2.1.2.6. left
        • 2.1.2.7. clip
      • 2.1.3. 布局(Layout)
        • 2.1.3.1. display
        • 2.1.3.2. float
        • 2.1.3.3. clear
        • 2.1.3.4. visibility
        • 2.1.3.5. overflow
        • 2.1.3.6. overflow-x
        • 2.1.3.7. overflow-y
      • 2.1.4. 尺寸(Dimension)
        • 2.1.4.1. width
        • 2.1.4.2. min-width
        • 2.1.4.3. max-width
        • 2.1.4.4. height
        • 2.1.4.5. min-height
        • 2.1.4.6. max-height
      • 2.1.5. 外补白(Margin)
        • 2.1.5.1. margin
        • 2.1.5.2. margin-top
        • 2.1.5.3. margin-right
        • 2.1.5.4. margin-bottom
        • 2.1.5.5. margin-left
      • 2.1.6. 内补白(Padding)
        • 2.1.6.1. padding
        • 2.1.6.2. padding-top
        • 2.1.6.3. padding-right
        • 2.1.6.4. padding-bottom
        • 2.1.6.5. padding-left
      • 2.1.7. 边框(Border)
        • 2.1.7.1. border
        • 2.1.7.2. border-width
        • 2.1.7.3. border-style
        • 2.1.7.4. border-color
        • 2.1.7.5. border-top
        • 2.1.7.6. border-top-width
        • 2.1.7.7. border-top-style
        • 2.1.7.8. border-top-color
        • 2.1.7.9. border-right
        • 2.1.7.10. border-right-width
        • 2.1.7.11. border-right-style
        • 2.1.7.12. border-right-color
        • 2.1.7.13. border-bottom
        • 2.1.7.14. border-bottom-width
        • 2.1.7.15. border-bottom-style
        • 2.1.7.16. border-bottom-color
        • 2.1.7.17. border-left
        • 2.1.7.18. border-left-width
        • 2.1.7.19. border-left-style
        • 2.1.7.20. border-left-color
        • 2.1.7.21. border-radius
        • 2.1.7.22. border-top-left-radius
        • 2.1.7.23. border-top-right-radius
        • 2.1.7.24. border-bottom-right-radius
        • 2.1.7.25. border-bottom-left-radius
        • 2.1.7.26. box-shadow
        • 2.1.7.27. border-image
        • 2.1.7.28. border-image-source
        • 2.1.7.29. border-image-slice
        • 2.1.7.30. border-image-width
        • 2.1.7.31. border-image-outset
        • 2.1.7.32. border-image-repeat
      • 2.1.8. 背景(Background)
        • 2.1.8.1. background
        • 2.1.8.2. background-color
        • 2.1.8.3. background-image
        • 2.1.8.4. background-repeat
        • 2.1.8.5. background-attachment
        • 2.1.8.6. background-position
        • 2.1.8.7. background-origin
        • 2.1.8.8. background-clip
        • 2.1.8.9. background-size
      • 2.1.9. 颜色(Color)
        • 2.1.9.1. color
        • 2.1.9.2. opacity
      • 2.1.10. 字体(Font)
        • 2.1.10.1. font
        • 2.1.10.2. font-style
        • 2.1.10.3. font-variant
        • 2.1.10.4. font-weight
        • 2.1.10.5. font-size
        • 2.1.10.6. font-family
        • 2.1.10.7. font-stretch
        • 2.1.10.8. font-size-adjust
      • 2.1.11. 文本(Text)
        • 2.1.11.1. text-transform
        • 2.1.11.2. white-space
        • 2.1.11.3. tab-size
        • 2.1.11.4. word-break
        • 2.1.11.5. word-wrap
        • 2.1.11.6. overflow-wrap
        • 2.1.11.7. text-align
        • 2.1.11.8. text-align-last
        • 2.1.11.9. text-justify
        • 2.1.11.10. word-spacing
        • 2.1.11.11. letter-spacing
        • 2.1.11.12. text-indent
        • 2.1.11.13. vertical-align
        • 2.1.11.14. line-height
        • 2.1.11.15. text-size-adjust
      • 2.1.12. 文本装饰(Text Decoration)
        • 2.1.12.1. text-decoration
        • 2.1.12.2. text-decoration-line
        • 2.1.12.3. text-decoration-color
        • 2.1.12.4. text-decoration-style
        • 2.1.12.5. text-decoration-skip
        • 2.1.12.6. text-underline-position
        • 2.1.12.7. text-shadow
      • 2.1.13. 书写模式(Writing Modes)
        • 2.1.13.1. direction
        • 2.1.13.2. unicode-bidi
        • 2.1.13.3. writing-mode
      • 2.1.14. 列表(List)
        • 2.1.14.1. list-style
        • 2.1.14.2. list-style-image
        • 2.1.14.3. list-style-position
        • 2.1.14.4. list-style-type
      • 2.1.15. 表格(Table)
        • 2.1.15.1. table-layout
        • 2.1.15.2. border-collapse
        • 2.1.15.3. border-spacing
        • 2.1.15.4. caption-side
        • 2.1.15.5. empty-cells
      • 2.1.16. 内容(Content)
        • 2.1.16.1. content
        • 2.1.16.2. counter-increment
        • 2.1.16.3. counter-reset
        • 2.1.16.4. quotes
      • 2.1.17. 用户界面(User Interface)
        • 2.1.17.1. appearance
        • 2.1.17.2. text-overflow
        • 2.1.17.3. outline
        • 2.1.17.4. outline-width
        • 2.1.17.5. outline-color
        • 2.1.17.6. outline-style
        • 2.1.17.7. outline-offset
        • 2.1.17.8. nav-index
        • 2.1.17.9. nav-up
        • 2.1.17.10. nav-right
        • 2.1.17.11. nav-down
        • 2.1.17.12. nav-left
        • 2.1.17.13. cursor
        • 2.1.17.14. zoom
        • 2.1.17.15. box-sizing
        • 2.1.17.16. resize
        • 2.1.17.17. ime-mode
        • 2.1.17.18. user-select
        • 2.1.17.19. pointer-events
      • 2.1.18. 多列(Multi-column)
        • 2.1.18.1. columns
        • 2.1.18.2. column-width
        • 2.1.18.3. column-count
        • 2.1.18.4. column-gap
        • 2.1.18.5. column-rule
        • 2.1.18.6. column-rule-width
        • 2.1.18.7. column-rule-style
        • 2.1.18.8. column-rule-color
        • 2.1.18.9. column-span
        • 2.1.18.10. column-fill
        • 2.1.18.11. column-break-before
        • 2.1.18.12. column-break-after
        • 2.1.18.13. column-break-inside
      • 2.1.19. 伸缩盒(Flexible Box)(旧)
        • 2.1.19.1. box-orient
        • 2.1.19.2. box-pack
        • 2.1.19.3. box-align
        • 2.1.19.4. box-flex
        • 2.1.19.5. box-flex-group
        • 2.1.19.6. box-ordinal-group
        • 2.1.19.7. box-direction
        • 2.1.19.8. box-lines
      • 2.1.20. 伸缩盒(Flexible Box)(新)
        • 2.1.20.1. flex
        • 2.1.20.2. flex-grow
        • 2.1.20.3. flex-shrink
        • 2.1.20.4. flex-basis
        • 2.1.20.5. flex-flow
        • 2.1.20.6. flex-direction
        • 2.1.20.7. flex-wrap
        • 2.1.20.8. align-content
        • 2.1.20.9. align-items
        • 2.1.20.10. align-self
        • 2.1.20.11. justify-content
        • 2.1.20.12. order
      • 2.1.21. 变换(Transform)
        • 2.1.21.1. transform
        • 2.1.21.2. transform-origin
        • 2.1.21.3. transform-style
        • 2.1.21.4. perspective
        • 2.1.21.5. perspective-origin
        • 2.1.21.6. backface-visibility
      • 2.1.22. 过渡(Transition)
        • 2.1.22.1. transition
        • 2.1.22.2. transition-property
        • 2.1.22.3. transition-duration
        • 2.1.22.4. transition-timing-function
        • 2.1.22.5. transition-delay
      • 2.1.23. 动画(Animation)
        • 2.1.23.1. animation
        • 2.1.23.2. animation-name
        • 2.1.23.3. animation-duration
        • 2.1.23.4. animation-timing-function
        • 2.1.23.5. animation-delay
        • 2.1.23.6. animation-iteration-count
        • 2.1.23.7. animation-direction
        • 2.1.23.8. animation-play-state
        • 2.1.23.9. animation-fill-mode
      • 2.1.24. 打印(Printing)
        • 2.1.24.1. page
        • 2.1.24.2. page-break-before
        • 2.1.24.3. page-break-after
        • 2.1.24.4. page-break-inside
      • 2.1.25. 媒体查询(Media Queries)
        • 2.1.25.1. width
        • 2.1.25.2. height
        • 2.1.25.3. device-width
        • 2.1.25.4. device-height
        • 2.1.25.5. orientation
        • 2.1.25.6. aspect-ratio
        • 2.1.25.7. device-aspect-ratio
        • 2.1.25.8. color
        • 2.1.25.9. color-index
        • 2.1.25.10. monochrome
        • 2.1.25.11. resolution
        • 2.1.25.12. scan
        • 2.1.25.13. grid
      • 2.1.26. Only IE
        • 2.1.26.1. scrollbar-3dlight-color
        • 2.1.26.2. scrollbar-darkshadow-color
        • 2.1.26.3. scrollbar-highlight-color
        • 2.1.26.4. scrollbar-shadow-color
        • 2.1.26.5. scrollbar-arrow-color
        • 2.1.26.6. scrollbar-face-color
        • 2.1.26.7. scrollbar-track-color
        • 2.1.26.8. scrollbar-base-color
        • 2.1.26.9. filter
        • 2.1.26.10. behavior
      • 2.1.27. Only Firefox
        • 2.1.27.1. border-colors
        • 2.1.27.2. border-top-colors
        • 2.1.27.3. border-right-colors
        • 2.1.27.4. border-bottom-colors
        • 2.1.27.5. border-left-colors
      • 2.1.28. Only webkit
        • 2.1.28.1. text-fill-color
        • 2.1.28.2. text-stroke
        • 2.1.28.3. text-stroke-width
        • 2.1.28.4. text-stroke-color
        • 2.1.28.5. box-reflect
        • 2.1.28.6. tap-highlight-color
        • 2.1.28.7. user-drag
    • 2.2. 选择符 Selectors
      • 2.2.1. 目录
      • 2.2.2. 元素选择符
        • 2.2.2.1. 通配选择符(*)
        • 2.2.2.2. 类型选择符(E)
        • 2.2.2.3. ID选择符(E#id)
        • 2.2.2.4. 类选择符(E.class)
      • 2.2.3. 关系选择符
        • 2.2.3.1. 包含选择符(E F)
        • 2.2.3.2. 子选择符(E>F)
        • 2.2.3.3. 相邻选择符(E+F)
        • 2.2.3.4. 兄弟选择符(E~F)
      • 2.2.4. 属性选择符
        • 2.2.4.1. E[att]
        • 2.2.4.2. E[att="val"]
        • 2.2.4.3. E[att~="val"]
        • 2.2.4.4. E[att^="val"]
        • 2.2.4.5. E[att$="val"]
        • 2.2.4.6. E[att*="val"]
        • 2.2.4.7. E[att|="val"]
      • 2.2.5. 伪类选择符
        • 2.2.5.1. E:link
        • 2.2.5.2. E:visited
        • 2.2.5.3. E:hover
        • 2.2.5.4. E:active
        • 2.2.5.5. E:focus
        • 2.2.5.6. E:lang(fr)
        • 2.2.5.7. E:not(s)
        • 2.2.5.8. E:root
        • 2.2.5.9. E:first-child
        • 2.2.5.10. E:last-child
        • 2.2.5.11. E:only-child
        • 2.2.5.12. E:nth-child(n)
        • 2.2.5.13. E:nth-last-child(n)
        • 2.2.5.14. E:first-of-type
        • 2.2.5.15. E:last-of-type
        • 2.2.5.16. E:only-of-type
        • 2.2.5.17. E:nth-of-type(n)
        • 2.2.5.18. E:nth-last-of-type(n)
        • 2.2.5.19. E:empty
        • 2.2.5.20. E:checked
        • 2.2.5.21. E:enabled
        • 2.2.5.22. E:disabled
        • 2.2.5.23. E:target
        • 2.2.5.24. @page:first
        • 2.2.5.25. @page:left
        • 2.2.5.26. @page:right
      • 2.2.6. 伪对象选择符
        • 2.2.6.1. E:first-letter/E::first-letter
        • 2.2.6.2. E:first-line/E::first-line
        • 2.2.6.3. E:before/E::before
        • 2.2.6.4. E:after/E::after
        • 2.2.6.5. E::placeholder
        • 2.2.6.6. E::selection
    • 2.3. 语法与规则 Rules
      • 2.3.1. 目录
      • 2.3.2. !important
      • 2.3.3. /_comment_/
      • 2.3.4. @import
      • 2.3.5. @charset
      • 2.3.6. @media
      • 2.3.7. @font-face
      • 2.3.8. @page
      • 2.3.9. @keyframes
      • 2.3.10. @supports
    • 2.4. 取值与单位 Values and Units
      • 2.4.1. 目录
      • 2.4.2. 长度(Length)
        • 2.4.2.1. <a href="values/length/length.md"><length></a>
        • 2.4.2.2. em
        • 2.4.2.3. ex
        • 2.4.2.4. ch
        • 2.4.2.5. rem
        • 2.4.2.6. vw
        • 2.4.2.7. vh
        • 2.4.2.8. vmax
        • 2.4.2.9. vmin
        • 2.4.2.10. cm
        • 2.4.2.11. mm
        • 2.4.2.12. q
        • 2.4.2.13. in
        • 2.4.2.14. pt
        • 2.4.2.15. pc
        • 2.4.2.16. px
      • 2.4.3. 角度(Angle)
        • 2.4.3.1. <a href="values/angle/angle.md"><angle></a>
        • 2.4.3.2. deg
        • 2.4.3.3. grad
        • 2.4.3.4. rad
        • 2.4.3.5. turn
      • 2.4.4. 时间(Time)
        • 2.4.4.1. <a href="values/time/time.md"><time></a>
        • 2.4.4.2. s
        • 2.4.4.3. ms
      • 2.4.5. 频率(Frequency)
        • 2.4.5.1. <a href="values/frequency/frequency.md"><frequency></a>
        • 2.4.5.2. Hz
        • 2.4.5.3. kHz
      • 2.4.6. 布局(Layout-specific)
        • 2.4.6.1. <a href="values/layout-specific/fraction.md"><fraction></a>
        • 2.4.6.2. <a href="values/layout-specific/grid.md"><grid></a>
        • 2.4.6.3. fr
        • 2.4.6.4. gr
      • 2.4.7. 分辨率(Resolution)
        • 2.4.7.1. <a href="values/resolution/resolution.md"><resolution></a>
        • 2.4.7.2. dpi
        • 2.4.7.3. dpcm
        • 2.4.7.4. dppx
      • 2.4.8. 颜色(Color)
        • 2.4.8.1. <a href="values/color/color.md"><color></a>
        • 2.4.8.2. Color Name
        • 2.4.8.3. HEX
        • 2.4.8.4. RGB
        • 2.4.8.5. RGBA
        • 2.4.8.6. HSL
        • 2.4.8.7. HSLA
        • 2.4.8.8. transparent
        • 2.4.8.9. currentColor
      • 2.4.9. 文本(Textual)
        • 2.4.9.1. inherit
        • 2.4.9.2. initial
        • 2.4.9.3. unset
        • 2.4.9.4. <a href="values/textual/string.md"><string></a>
        • 2.4.9.5. <a href="values/textual/url.md"><url></a>
        • 2.4.9.6. <a href="values/textual/identifier.md"><identifier></a>
      • 2.4.10. 函数(Functional)
        • 2.4.10.1. calc()
        • 2.4.10.2. toggle()
      • 2.4.11. 生成内容(Content)
        • 2.4.11.1. counter()
        • 2.4.11.2. counters()
        • 2.4.11.3. attr()
      • 2.4.12. 图像(Image)
        • 2.4.12.1. <a href="values/image/image.md"><image></a>
        • 2.4.12.2. image()
        • 2.4.12.3. image-set()
        • 2.4.12.4. <a href="values/image/gradient.md"><gradient></a>
        • 2.4.12.5. linear-gradient()
        • 2.4.12.6. radial-gradient()
        • 2.4.12.7. repeating-linear-gradient()
        • 2.4.12.8. repeating-radial-gradient()
      • 2.4.13. 数字(Numeric)
        • 2.4.13.1. <a href="values/numeric/number.md"><number></a>
        • 2.4.13.2. <a href="values/numeric/integer.md"><integer></a>
        • 2.4.13.3. <a href="values/numeric/percentage.md"><percentage></a>
    • 2.5. CSS Hack
      • 2.5.1. 目录
      • 2.5.2. 条件Hack
      • 2.5.3. 属性级Hack
      • 2.5.4. 选择符级Hack

F2E Docs

CSS Hack

  • 条件Hack
  • 属性级Hack
  • 选择符级Hack
https://github.com/simonguo/f2edocs.com