Skip to content

Instantly share code, notes, and snippets.

@codecademydev

codecademydev/index.html Secret

Created January 5, 2021 00:51
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/f7b51c05565641518a2aed57bd187506 to your computer and use it in GitHub Desktop.
Save codecademydev/f7b51c05565641518a2aed57bd187506 to your computer and use it in GitHub Desktop.
Download ZIP
Codecademy export
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<link href="./styles.css"
type="text/css"
rel="stylesheet">
</head>
<body>
<div>
<h1>Css table reference</h1>
<h2>Table properties</h2>
</div>
<table>
<thead>
<tr>
<th scope="col">Properties</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="properties-types">font-family</td>
<td>Specifies the font for an HTML element.</td>
</tr>
<tr>
<td class="properties-types">font-size</td>
<td>Sets the size of a font.</td>
</tr>
<tr>
<td class="properties-types">font-weight</td>
<td>Sets how thick or thin characters in text should be displayed.</td>
</tr>
<tr>
<td class="properties-types">text-align</td>
<td>Specifies the horizontal alignment of text in an element.</td>
</tr>
<tr>
<td class="properties-types">color</td>
<td>Specifies the color of text.</td>
</tr>
<tr>
<td class="properties-types">background-color</td>
<td>Sets the background color of an element.</td>
</tr>
<tr>
<td class="properties-types">opacity</td>
<td>Specifies how transparent an element is.</td>
</tr>
<tr>
<td class="properties-types">background-image</td>
<td>Sets one or more background images for an element.</td>
</tr>
</tbody>
</table>
</body>
</html>
Raw
styles.css
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/jetbrainsmono/v1/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8SKtTOlOV.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Share Tech Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/sharetechmono/v10/J7aHnp1uDWRBEqV98dVQztYldFcLowEF.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/jetbrainsmono/v1/tDbV2o-flEEny0FZhsfKu5WU4xD7OwE.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/jetbrainsmono/v1/tDbV2o-flEEny0FZhsfKu5WU4xD7OwE.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
h1 {
font-family: "JetBrains Mono";
color: DarkRed;
text-align: center;
text-transform: uppercase;
font-size: 38px;
}
h2 {
font-family: "Share Tech Mono";
color: FireBrick;
text-align: center;
font-size: 28px;
}
th {
font-family: "JetBrains Mono";
font-weight: 800;
color: Maroon;
background-color: SandyBrown;
}
.properties-types {
font-family: "JetBrains Mono";
font-weight: 500;
color: DeepSkyBlue;
font-size: 15px;
}
table {
border: 2px solid DarkRed;
margin: 0px 0px 140px 140px;
}
td {
border: 0.5px solid FireBrick;
font-family: "JetBrains Mono";
font-weight: 500;
font-size: 13px;
}
body {
background-color: BlanchedAlmond;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment