/*This is a comment in CSS*/

/*The body is the parentof all the page elements, those elements will inherit the body properties*/

body {background-color: powderblue;}
h1   {color: blue;}
h2   {color: green;}
h3   {color: red;}
p {color: black;}



/* for my main page hedding divider*/
.header 
{font-size: 40px; text-align: center; background: green;  Padding: 10px; margin-left: 10px;}

/*for all other dividers*/
.SubDiv 
{background-color: rgb(255, 90, 90);
padding: 10px;
margin-top: 10px;
margin-left: 10px;}

/* For my image dividers*/
.imgDiv 
{background-color: rgb(192, 192, 192);
padding: 20px;
Text-align:center;margin-left: 10px;}

table {font-family: arial, sans-serif; border-collapse: collapse; margin-top: 10px; margin-left: 10px; width: calc(100% - 20px);}

td, th {border: 3px solid #dddddd; text-align: left; padding: 5px;}

tr {background-color: ivory;}

<!--h1 {
  color: blue;
  font-family: verdana;
  font-size: 300%;
}
p {
  color: black;
  font-family: courier;
  font-size: 160%;
}-->
<!--</style>
</head>
<head>
  <link rel="stylesheet" href="Styles.css">
</head>
<body>-->


<!--Chapter Summary
Use the HTML style attribute for inline styling
Use the HTML <style> element to define internal CSS
Use the HTML <link> element to refer to an external CSS file
Use the HTML <head> element to store <style> and <link> elements
Use the CSS color property for text colors
Use the CSS font-family property for text fonts
Use the CSS font-size property for text sizes
Use the CSS border property for borders
Use the CSS padding property for space inside the border
Use the CSS margin property for space outside the border-->