HTML = holds the content, shows the structure of a page.
  -doesn't say where it should be displayed, color
  -it does content
CSS/HTML = they are dummy language don't know what 1+1


layers of css

Margin: Clears an area outside the border.  Thhe margin is transparent
Border: A border that goes around the padding and content
  width: top and goes around clockwise/
  style: can do square, circles
  color: control the color
Padding: Clears an area around the content.  The padding is transparent
content: the content of the box, where text and images appear

              Binary. decima and hexadimal

How to count like a computer
How we count  Arabic numbers 0-9

DECIMAL
0 - 9  characters
then goes to 10 11 12



BINARY
Use two characters, but same rules apply
0 1 10 11 100 101 110 111 1000 (represents 8 in binary)(this is 1-8)

HEXADECIMAL
9 A B C D E F (this is 9 - 15) 10 (then 10 this is 16)

15 would be 21  1 is 1X10 and 5 is 1X5
A5 woud be 160 + 5     A X 16 = 160  / 5X1 = 5

done by two numbers
00 = 0 0x16 = 0 0X1= 0
FF = 255 15X16 = 240 15X1=15

A BYTE is
binary - 00000000to 11111111 8 characters
decinal 000 to 255 3 characters
hex = 00 to FF 2 characters

computers use decimals in two characters


hex color codes
0F0 red blue green
rgb 0, 255, 00
green

targetting
p targetting the paragraph
div you can do class or id
  id this helps to target #
  class .


* star selects is everything





                  HTML creation EXAMPLE
terminal
-mkdir html_css_3_column_example
-touch index.html
-touch index.css
-subl .


index.html
-basic tructure
! plus tab (creates a basic structure
strate with
html main text and it closes with /
/ closes the tags

Inside must have a head and a body
in the head
meta = language
title is the thing that will be on the tab


index.css
to center
body {
      width:960px
      marnig:0 auto;
}
to make verivcal rows
take px divided by three
.column-section {
  width: 320ox; (300)(280)
  float; left .  (this is to fill it out
  padding: 10px,
  margin: 10px
}
#reflection {  (can only have one unique id for page
        clear: both; (your width will become 300 to padding
  }

.column-section #reflection, header, footer {
move the following
 padding: 10px;
  margin: 10px;

}




LAYOUT

Typography desals with type of fonts you want to use
font must be on your computer, if not avaiable it goes to the next avaiable font that's closes
to that family

media queries = solution to differenst size screens
  it will shift from how your are viewg ex. laptop or phone


<a href="" create a link
  you can tweak colors in relfection

  reflection a{
    color:
  }
to hover
reflection hover a:{

}


to hide overflow
overflow: scroll



in html an action is an url and a method is a verb
trigger a response view request
input is importatnt part
name = param ;/ value add

input is a button

name specifies params