Skip to content

Instantly share code, notes, and snippets.

@codecademydev
Created March 17, 2020 04:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save codecademydev/ee69cbc212364e11d30722c4b1967725 to your computer and use it in GitHub Desktop.
Save codecademydev/ee69cbc212364e11d30722c4b1967725 to your computer and use it in GitHub Desktop.
Codecademy export
<!DOCTYPE HTML>
<html>
<head>
<title>Dalton's Cheat Sheet</title>
<link href="./styles.css" type="text/css" rel="stylesheet">
</head>
<header>
<h1>Dalton's Cheat Sheet</h1>
</header>
<main>
<h2>CSS Properties</h2>
<body>
<table>
<thead>
<td class="heading">Property</td>
<td class="heading">Value</td>
<td class="heading">Description</td>
</thead>
<tr>
<td>font-family:</td>
<td>Times New Roman; Georgia; Helvetica; etc.</td>
<td>Used to determine the typeface of the element selected</td>
</tr>
<tr>
<td>font-size:</td>
<td>18px; 20px; etc.</td>
<td>Used to determine the size of the type of the element selected</td>
</tr>
<tr>
<td>font-weight:</td>
<td>bold; thin; normal;</td>
<td>Used to determine the way the type looks of the element selected</td>
</tr>
<tr>
<td>text-align:</td>
<td>left (default); right; center;</td>
<td>Used to determine the placement of the type on the page of the element selected</td>
</tr>
<tr>
<td>color:</td>
<td>red; blue; etc.</td>
<td>Used to determine the foreground color of the element selected</td>
</tr>
<tr>
<td>background-color:</td>
<td>red; blue; etc.</td>
<td>Used to determine the background color of the element selected</td>
</tr>
<tr>
<td>opacity:</td>
<td>a number between 0 and 1, 0.5; 0.75; etc.</td>
<td>Used to determine the translucency of the element selected</td>
</tr>
<tr>
<td>background-image:</td>
<td>URL or relative path used for specific photo</td>
<td>Used to determine a specific photo to be used for the background of an element</td>
</tr>
</table>
</body>
</main>
<footer>
</footer>
</html>
body {
background-color: darkgray;
font-family: Courier;
}
h1, h2 {
text-align: center;
color: darkcyan;
font-family: monospace;
}
table {
border-collapse: collapse;
}
thead {
font-weight: bold;
}
table, tr, td, thead {
border: 2px solid black;
padding: 15px;
background-color: cadetblue;
}
.heading {
background-color: darkcyan;
font-size: 20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment