-
-
Save codecademydev/bd14e635445b53ffd784659187b15910 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>Common CSS Properties</title> | |
<link rel="stylesheet" href="styles.css"> | |
</head> | |
<body> | |
<div> | |
<h1>Common CSS Properties Reference</h1> | |
</div> | |
<div> | |
<h2>Properties</h2> | |
</div> | |
<div> | |
<table> | |
<thead> | |
<tr> | |
<th>Property</th> | |
<th>Name</th> | |
<th>Description</th> | |
</tr> | |
</thead> | |
<tbody> | |
<tr> | |
<td>Font Family</td> | |
<td class="name">font-family</td> | |
<td>Specifies the typeface in a rule set.</td> | |
</tr> | |
<tr> | |
<td>Font Size</td> | |
<td class="name">font-size</td> | |
<td>Set text sizes.</td> | |
</tr> | |
<tr> | |
<td>Font Weight</td> | |
<td class="name">font-weight</td> | |
<td>Set the weight (boldness) of text.</td> | |
</tr> | |
<tr> | |
<td>Text Align</td> | |
<td class="name">text-align</td> | |
<td>Set the text alignment of inline contents.</td> | |
</tr> | |
<tr> | |
<td>Foreground Color</td> | |
<td class="name">color</td> | |
<td>Set the foreground text color of an element.</td> | |
</tr> | |
<tr> | |
<td>Background Color</td> | |
<td class="name">background-color</td> | |
<td>Controls the background color of elements.</td> | |
</tr> | |
<tr> | |
<td>Opacity</td> | |
<td class="name">opacity</td> | |
<td>Control the transparency of an element.</td> | |
</tr> | |
<tr> | |
<td>Background Image</td> | |
<td class="name">background-image</td> | |
<td>Sets the background image of an element.</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</body> | |
</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
table, th, td { | |
border: 2px solid blueviolet; | |
width: 650px; | |
margin: 0 auto; | |
} | |
h1, h2 { | |
text-align: center; | |
} | |
h2 { | |
color: RebeccaPurple; | |
} | |
th { | |
background-color: Plum; | |
} | |
body { | |
font-family: Arial; | |
background-color: SeaShell; | |
} | |
.name { | |
background-color: PapayaWhip; | |
font-family: monospace; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment