reading-notes

images

• adding images <img>
  • src where to find image
  • alt description of image
  • title additional info about image
  • height
  • width

    <img src="url/filepath" alt="I am image" title="I am an image" width="px" height="px">
    

    Old Code

  • align
    • left
    • right

      3 rules

• right format
• right size
• measure in pixels

# color Contrast between background and foreground color increases readability

• color
• background-color
  • rgb red, blue, green
  • HEX 6 digit code #000000
  • hsl hue, saturation, lightness
  • hsla hue, saturation, lightness, alpha
  • names red, blue, etc
  • hue
  • saturation amount of gray
  • brightness amount of black

# text

• font-family specify typeface
• font-size size in px % or ems
• font-face @font-face use non installed font
• font-weight normal or bold
• font-style normal, italic or oblique
• text-transform uppercase, lowercase, capitalize
• text-decoration none, underline, overline, line-through, blink
• line-height ascender or descender
• letter-spacing, word-spacing spaces between each letter
• text-align left, right, center, justify
• vertical-align used with inline elements
• text-indent indent first line of text
• text-shadow create drop shadow
• pseudo-elements
  • :first-letter, :first-line
  • :link, :visited
  • :hover, :active, :focus

Home