Explanation Lesson #1
Create a Website with HTLM5 and CSS

* {
margin:0 0 0 0;
padding:0 0 0 0}

The first block closes all gaps in your displayed code. It removes any default values for margins and padding for elements that you add to the code of the page.

body{

The second block of CSS defines the body section of the web page.

max-width:768px;

Sets the maximum width that the page will spread out.

I've set it to 768 pixels to make it easier for those not working on desk tops.

If you are working on a smaller device than an Ipad mini(768 pixels) you can experiment with setting it narrower.

margin:0 auto;

Centers the body within the viewing browser window.

color: #444444;

Defines the default color of text elements like paragraphs and header tags.

background-color: #ffffff

Defines the background color of the page in hexidecimal code and produces the white color you'll see when you preview the page.

font-family: Arial, verdana, tahoma, sans-serif;
font-size:20px;
font-style:normal;
font-weight:100;

Defines the default font settings for the web page.

font-family: Arial, verdana, tahoma, sans-serif;

If we define the default font-family at the top of the style sheet we can experiment with the different font faces by simply changing their order.

Place your preferred choice first in the list.

We set font-size to 20 pixels, font style to normal and weight to 100.