codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>
      CSS Visual Rule
      </title>
    <link href="./styles.css" rel="stylesheet" type="text/css">
    </head>
   <body>
     <h1>CSS Visual Rule</h1>
     <table>
       <thead>
         <th>Properties</th>
         <th>Description</th>
         </thead>
        <tbody>
          <tr class="row1">
            <td>font-family</td>
            <td>Defines the typeface of an element</td>
            </tr>
           <tr class="row2">
             <td>font-size</td>
             <td>Controls the size of text displayed</td>
             </tr>
           <tr class="row3">
             <td>font-weight</td>
             <td>Defines how thin or thick text is displayed</td>
             </tr>
           <tr class="row4">
             <td>text-align</td>
             <td>Places text in the left, right, or center of its parent container</td>
             </tr>
           <tr class="row5">
             <td>color</td>
             <td>Defines the color of the text</td>
             </tr>
            <tr class="row6">
              <td>background-color</td>
              <td>Defines the color behind the text</td>
             </tr>
           <tr class="row7">
             <td>opacity</td>
             <td>Make an element transparent</td>
             </tr>
           <tr class="row8">
             <td>background-image</td>
             <td>Set the background of an element to an image</td>
             </tr>
           <tr class="row9">
             <td>!important</td>
             <td>Will override any style</td>
             </tr>
          </tbody>
       </table>
     </body>
  </html>

## styles.css
body{
  background-color: Azure;
  color: brown;
  text-align: center;
  font-family: monospace;
}

th{
  font-weight: bold;
  font-size: 20px;
}

table, th, td{
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
  background-color: Beige;
}

h1{
  color: Burlywood;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>
	CSS Visual Rule
	</title>
	<link href="./styles.css" rel="stylesheet" type="text/css">
	</head>
	<body>
	<h1>CSS Visual Rule</h1>
	<table>
	<thead>
	<th>Properties</th>
	<th>Description</th>
	</thead>
	<tbody>
	<tr class="row1">
	<td>font-family</td>
	<td>Defines the typeface of an element</td>
	</tr>
	<tr class="row2">
	<td>font-size</td>
	<td>Controls the size of text displayed</td>
	</tr>
	<tr class="row3">
	<td>font-weight</td>
	<td>Defines how thin or thick text is displayed</td>
	</tr>
	<tr class="row4">
	<td>text-align</td>
	<td>Places text in the left, right, or center of its parent container</td>
	</tr>
	<tr class="row5">
	<td>color</td>
	<td>Defines the color of the text</td>
	</tr>
	<tr class="row6">
	<td>background-color</td>
	<td>Defines the color behind the text</td>
	</tr>
	<tr class="row7">
	<td>opacity</td>
	<td>Make an element transparent</td>
	</tr>
	<tr class="row8">
	<td>background-image</td>
	<td>Set the background of an element to an image</td>
	</tr>
	<tr class="row9">
	<td>!important</td>
	<td>Will override any style</td>
	</tr>
	</tbody>
	</table>
	</body>
	</html>
	body{
	background-color: Azure;
	color: brown;
	text-align: center;
	font-family: monospace;
	}

	th{
	font-weight: bold;
	font-size: 20px;
	}

	table, th, td{
	border: 1px solid black;
	border-collapse: collapse;
	padding: 5px;
	background-color: Beige;
	}

	h1{
	color: Burlywood;
	}