-
-
Save codecademydev/ee69cbc212364e11d30722c4b1967725 to your computer and use it in GitHub Desktop.
Codecademy export
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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