June 2, Notes HTML & CSS

CSS box model: content is on the inside.  you can give it a witdth and height.  
outside of content is padding.
outside of padding is border.
outside of border is margin.
right click "Inspect Element" to see and adjust border/padding/margins etc.

div id="verses"   CSS  #verses div { }
                  CSS #verses > div { }  direct children, not just any ancestor
                  #verses > div:first-letter  (pseudo selector.  selecting the first letter only)
                  
linear-gradient(takes three hex numbers 
text-shadow
box-shadow: for the checkout button, just need two elements in box shadow
box-shadow: x-offset/y-offset/blur/width-of-shadow hsl(hue, saturation, lightness)

Font: use Helvetica or Sans Serif, for a cleaner look