Skip to content

Latest commit

 

History

History
54 lines (54 loc) · 1.88 KB

class-05.md

File metadata and controls

54 lines (54 loc) · 1.88 KB

Read: 05 - HTML Images; CSS Color & Text

HTML

Images

  • Adding Images <img>, src, alt, title.
  • Height & Width of Images width , width
  • Where to Place Images in Your Code 1.before a paragraph 2.inside the start of a paragraph 3.in the middle of a paragraph
  • Aligning Images Horizontally align ,right, left
  • Aligning Images Verticallyalign,top, middle, bottom
  • Image Formats: JPEG ,GIF or PNG
  • Figure and Figure Caption: <figcaption> , <figure>

colors

background-color, color

  • You can choose color in CSS in 3 ways: 1.RGB values rgb(102,205,170) 2.HEX code #66cdaa 3.Color names MediumAquaMarine
  • You can change the forground color and background color using the above was.
  • To find the color you want you can use a color picker.
  • RGB color expressed as number from 0-255.
  • There are 147 color names supported by the browser.
  • in (rgba) color let you choose opacity.
  • CSS let you choose also:
  1. Hue
  2. saturation
  3. lightness
  • You can use HSL color property to select colors, by entering (hue, saturation and lightness) values.
  • contrast high , contrast low, contrast medium

Text

  • Typeface Terminology 1.Serif fonts 2.Sans-serif fonts 3.Monospace
  • font Weight :Light ,Medium,Bold,Black
  • font Style: Normal, Italic ,Oblique
  • Stretch:Condensed ,Regular ,Extended
  • Monospace
  • Cursive
  • Fantasy
  • font-family: `body {font-family: Georgia, Times, serif;}'
  • font-size=(px,%,ems)
  • font-weight:Text thicker(normal,bold,)
  • text-transform:(uppercase,lowercase,capitalize)
  • text-decoration:(none,underline,overline,line-through,blink)
  • line-height:property specifies the height of a line.
  • letter-spacing:space between letter,word-spacing
  • text-align determine the place of text (left,right,center,justify)
  • vertical-align: sets the vertical alignment of an element.
  • text-indent
  • text-shadow
  • first-letter
  • first-line