Please enable JavaScript.

Coggle requires JavaScript to display documents.

CSS (properties (display (inner (table (-cell (equal-height columns), -row…

- - - - .box ul li
    - - .items > li
    - - adjacent
        
        h2 + p
        
        stacked headings
      - general
        
        h2 ~ p
  - - - input[type]
    - - input[type="text"]
      - or followed by -
        
        span[lang|="en"]
    - - *[class~=box]
    - - a[href^="#"]
    - - a[href$=".com"]
    - - a[href*=".com"]
      - case insensitive
        
        a[href^="http" i]
  - - - :nth-child()
        
        even
        
        odd
        
        3n+5
        
        2
      - :nth-of-type()
        
        element
      - :first-child
      - :last-child
      - :empty
      - :not(selector)
      - :only-child
      - a
        
        :hover
        
        :link
        
        :visited
        
        :focus
        
        :active
    - - ::first-letter
      - ::first-line
      - ::before
        
        content
      - ::after
        
        content
- - - - none
- - - - visual angle
  - - - em
        
        usage
        
        padding
        
        margin
      - rem
        
        root em
    - - ch
        
        0 width
      - ex
        
        x height
    - - vh
      - vw
      - vmin
      - vmax
      - usage
        
        hero
    - - min-content
        
        smallest size that avoids overflow
      - max-content
        
        largest size that avoids wasting space
      - auto
- - - - new BFC
  - - - url()
    - - cover
  - - - subgrid
      - flex
      - inline-grid
      - table
        
        -row
        
        -header-group
        
        -row-group
        
        -footer-group
        
        -column
        
        -column-group
        
        -cell
        
        equal-height columns
        
        -caption
        
        new BFC
      - grid
      - list-item
    - - inline-block
      - block
  - - - justify-content
        
        start
        
        initial
        
        end
        
        space-between
        
        space-around
        
        center
        
        main axis
    - - stretch
        
        initial
      - baseline
      - start
      - end
      - center
      - *-self defaults
    - - align-self
      - justify-self
      - order
        
        0
        
        initial
    - - start
        
        initial
      - end
  - - - -1
        
        first
      - 0
        
        initial
  - - - flex-direction
        
        row
        
        initial
        
        column
        
        main axis
      - flex-wrap
        
        no-wrap
        
        initial
        
        wrap
      - flex-flow
        
        shorthand
        
        direction wrap
    - - flex-grow
        
        0
        
        initial
        
        float
        
        ratio
      - flex-shrink
        
        1
        
        initial
        
        float
        
        ratio
      - flex-basis
        
        auto
        
        initial
        
        length
        
        content
      - flex
        
        shorthand
        
        grow shrink basis
        
        none
        
        0 0 auto
        
        auto
        
        1 1 0%
        
        initial
  - - - grid
        
        1fr 2fr / auto-flow dense 3fr 4fr
        
        shorthand
        
        rows / columns
      - grid-template
        
        -areas
        
        array
        
        ....
        
        name
        
        sugar
        
        grid lines
        
        suffixed
        
        -end
        
        -start
        
        -columns
        
        200px 100px auto auto
        
        1fr 4fr 2fr
        
        removes overflow
        
        [grid-line-start grid-line-end] 10%
        
        named grid lines
        
        100px 4fr 1fr
        
        minmax(min, max)
        
        10px
        
        10%
        
        1fr
        
        min-content
        
        max-content
        
        auto
        
        repeat(times, track-size-pattern)
        
        auto-fill
        
        auto-fit
        
        -rows
        
        shorthand
        
        rows / columns
      - grid-gap
        
        10px
        
        10px 20px
        
        row column
      - grid-auto-flow
        
        direction
        
        row
        
        initial
        
        column
        
        mode
        
        dense
        
        initial
        
        sparse
      - grid-auto-columns
        
        tracks
      - grid-auto-rows
        
        auto
        
        initial
        
        tracks
      - grid-column-gap
      - grid-row-gap
    - - grid-column
        
        shorthand
        
        start / end
        
        -end
        
        grid line
        
        -1
        
        span 3
        
        -start
        
        grid line
        
        span 3
      - grid-area
        
        name
        
        shorthand
        
        grid-column: area-start / area-end
      - grid-row
  - - - shorthand
        
        1em/1.4 "Helvetica Neue", Helvetica
      - -size
      - -weight
        
        normal
        
        initial
    - - number
        
        prefer
      - length
  - - - -50%
  - - - 20em 4