Please enable JavaScript.

Coggle requires JavaScript to display documents.

CSS - Coggle Diagram

- - - - element
      - ID
      - Class
      - Universal
      - Group
    - - con cháu (space)
      - chỉ con cấp 1 (>)
      - once liền kề sau (+)
      - all same type liền sau (~)
  - - - -color
      - -alignment
      - -decoration
      - -tranformation
      - -spacing
      - -shadow
    - - fallback
      - -style
        
        -weight
        
        -variant
      - -size
      - Google Fonts & Effect
      - Phối hợp fonts
    - - List
      - Table
        
        size
        
        align
        
        boder
        
        style
        
        responsive
      - display
      - max-width & margin:auto
      - position
      - z-index
      - overflow
      - float
        
        image side by side
        
        equal height boxes
        
        navigation menu
      - inline-block
      - căn chỉnh bố cục
        
        center elements
        
        center images
        
        center text
        
        theo chiều dọc
        
        flex-box
        
        position + tranform
        
        padding
        
        line-height
      - Navbar
        
        Dọc
        
        Ngang
      - Drop Down
        
        Menu
        
        Hình ảnh
        
        Văn bản
      - Gallery Layout
      - Next
        
        Sprites Image
        
        form style
        
        bộ đếm
        
        bố cục trang
        
        đơn vị độ dài
        
        em
        
        rem
        
        tính đặc hiệu
        
        !important
        
        hàm toán học
        
        calc()
        
        max()
        
        min()
- - - - transparent
      - currentcolor
      - inherit
    - - linear-gradient
      - radial-gradient
      - conic-gradient
  - - - delay
      - duraiton
      - property
      - timing-function
        
        linear
        
        ease
        
        ease-in
        
        ease-out
        
        ease-in-out
    - - keyframes
      - animation-name
      - animation-duration
      - animation-delay
      - animation-iteration-count
      - animation-direction
        
        normal
        
        reverse
        
        alternate
        
        alternate-reverse
      - animation-timing-function
      - animation-fill-mode
    - - circle image
      - thumnail
      - responsive image
      - align image
      - card polaroid
      - opacity
      - text position
      - filter
      - overlay
      - reflection
    - - fit
      - position
    - - button advance
      - pagination
        
        basic
        
        breadcrumb
      - columns
        
        -count
        
        -gap
        
        -rule-style
        
        -rule-width
        
        -rule-color
        
        -rule
        
        -span
        
        -width
      - UserInterface
        
        resize
        
        outline-offset
      - Var
        
        overide
        
        with JS
        
        Media Queries
        
        :root
      - box-sizing
      - Media Queries
      - Flexbox
        
        Container
        
        flex-direction
        
        flex-wrap
        
        flex-flow
        
        justify-content
        
        align-items
        
        align-content
        
        Items
        
        responsive