codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS Properties</title>
    <link href="styles.css" type="text/css" rel="stylesheet">
  </head>
  <body>
    <h1>CSS Properties</h1>
    <p>Below are some of my favorite CSS Properties!</p>
    <table>
      <thead>
        <tr>
          <th>Property Name</th>
          <th>Property Function</th>
          <th>Output</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>background-color</td>
          <td>sets the background color of an element</td>
          <td id="background-color">text</td>
        </tr>
        <tr>
          <td>border</td>
          <td>sets the border of an element</td>
          <td id="border">text</td>
        </tr>
        <tr>
          <td>color</td>
          <td>sets the foreground color of an element</td>
          <td id="color">text</td>
        </tr>
        <tr>
          <td>font-family</td>
          <td>changes the font of an element</td>
          <td id="font-family">text</td>
        </tr>
        <tr>
          <td>text-align</td>
          <td>aligns the text of an element relative to the sides</td>
          <td id="text-align">text</td>
        </tr>
        <tr>
          <td>text-decoration</td>
          <td>decorates the text of an element</td>
          <td id="text-decoration">text</td>
        </tr>
        <tr>
          <td>text-transform</td>
          <td>transforms the text of an element</td>
          <td id="text-transform">text</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

## styles.css
body {
  background-color: aliceblue;
}

h1, p {
  color: darkslategrey;
  text-align: center;
}

table, th, td {
  border: 2px solid dimgrey;
  border-collapse: collapse;
  text-align: center;
}
th, td {
  padding: 5px;
}

#background-color {
  background-color: lightpink;
}
#border {
  border: 2px dotted blue;
}
#color {
  color: purple;
}
#font-family {
  font-family: "Courier New";
}
#text-align {
  text-align: right;
}
#text-decoration {
  text-decoration: orange underline;
}
#text-transform {
  text-transform: uppercase;
}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>CSS Properties</title>
	<link href="styles.css" type="text/css" rel="stylesheet">
	</head>
	<body>
	<h1>CSS Properties</h1>
	<p>Below are some of my favorite CSS Properties!</p>
	<table>
	<thead>
	<tr>
	<th>Property Name</th>
	<th>Property Function</th>
	<th>Output</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<td>background-color</td>
	<td>sets the background color of an element</td>
	<td id="background-color">text</td>
	</tr>
	<tr>
	<td>border</td>
	<td>sets the border of an element</td>
	<td id="border">text</td>
	</tr>
	<tr>
	<td>color</td>
	<td>sets the foreground color of an element</td>
	<td id="color">text</td>
	</tr>
	<tr>
	<td>font-family</td>
	<td>changes the font of an element</td>
	<td id="font-family">text</td>
	</tr>
	<tr>
	<td>text-align</td>
	<td>aligns the text of an element relative to the sides</td>
	<td id="text-align">text</td>
	</tr>
	<tr>
	<td>text-decoration</td>
	<td>decorates the text of an element</td>
	<td id="text-decoration">text</td>
	</tr>
	<tr>
	<td>text-transform</td>
	<td>transforms the text of an element</td>
	<td id="text-transform">text</td>
	</tr>
	</tbody>
	</table>
	</body>
	</html>
	body {
	background-color: aliceblue;
	}

	h1, p {
	color: darkslategrey;
	text-align: center;
	}

	table, th, td {
	border: 2px solid dimgrey;
	border-collapse: collapse;
	text-align: center;
	}
	th, td {
	padding: 5px;
	}

	#background-color {
	background-color: lightpink;
	}
	#border {
	border: 2px dotted blue;
	}
	#color {
	color: purple;
	}
	#font-family {
	font-family: "Courier New";
	}
	#text-align {
	text-align: right;
	}
	#text-decoration {
	text-decoration: orange underline;
	}
	#text-transform {
	text-transform: uppercase;
	}