Please enable JavaScript.

Coggle requires JavaScript to display documents.

CSS (box model (Padding (padding: 6px 11px 4px 9px; (correspond to the…

- - - - correspond to the amount of padding in a clockwise rotation. In order, it specifies the amount of padding on the top (6 pixels), right (11 pixels), bottom (4 pixels), and left (9 pixels)
    - - 5px, sets the padding value for the top and bottom sides ; second value, 10px, sets the padding value for the left and right
  - - - thin
      - medium
      - thick
    - - none
      - dotted
      - solid
    - - 100%
  - - - An element with visibility: hidden, however, will not be visible on the web page, but the space reserved for it will.
  - - - An element with display: none will be completely removed from the web page.
  - - - In the default box model, box dimensions are affected by border thickness and padding.
    - - The border-box model is not affected by border thickness or padding.
- - - - h1 { font-family: "Garamond", "Times", serif; }
        
        The CSS rule above says:
        1) Use the Garamond font for all <h1> elements on the web page.
        2) If Garamond is not available, use the Times font.
        3) If Garamond and Times are not available, use any serif font pre-installed on the user's computer.
  - - - 1.2
        
        Generally, the unitless ratio value is the preferred method, since it is responsive and based exclusively on the current font size.
      - 12px
  - - - Serif — fonts that have extra details on the ends of each letter. Examples include fonts like Times New Roman or Georgia, among others.
    - - Sans-Serif — fonts that do not have extra details on the ends of each letter. Instead, letters have straight, flat edges, like Arial or Helvetica.
- - - - step-start
      - step-end
- - - - default
    - - top
      - bottom
      - left
      - right
    - - When an element's position is set to absolute all other elements on the page will ignore the element and act like it is not present on the page.
    - - We can fix an element to a specific position on the page (regardless of user scrolling) by setting its position to fixed.
  - - - em
      - strong
      - a
    - - h1
      - p
      - div
      - footer
    - - div
- - - - color: red;
    - - background-color: blue;
- - - - English words that describe colors, also called keyword colors
    - - numeric values that describe a mix of red, green, and blue
        
        color: rgb(23, 45, 23);
        
        color: rgba(234, 45, 98, 0.33);
    - - numeric values that describe a mix of hue, saturation, and lightness
        
        color: hsl(225, 100%, 25%);
        
        color: hsla(34, 100%, 50%, 0.1);
    - - color: #8FBC8F
  - - - color: Red;
    - - background-color: Blue;