Skip to content

Instantly share code, notes, and snippets.

@codecademydev
Created July 8, 2019 08:02
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/05be9de43796a0cede7e6f1c87531ef1 to your computer and use it in GitHub Desktop.
Save codecademydev/05be9de43796a0cede7e6f1c87531ef1 to your computer and use it in GitHub Desktop.
Codecademy export
<!DOCTYPE html>
<html lang="en">
<head>
<link href="styles.css" type="text/css" rel="stylesheet">
<title>CSS Selectors</title>
</head>
<body>
<h1>HTML Tables Cheat Sheet</h1>
<br>
<h3>A reference to CSS Selectors</h3>
<br>
<table>
<thead>
<tr>
<th>CSS Selectors</th>
<th>Example</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tag Name</td>
<td class="code">h1</td>
<td>To select a specific tag of an element in the index.html file</td>
</tr>
<tr>
<td>Class Name</td>
<td class="code">.green</td>
<td>To select a specific class of an element in the index.html file</td>
</tr>
<tr>
<td>ID Name</td>
<td class="code">#large-title</td>
<td>To select a specific ID of an element in the index.html file</td>
</tr>
</tbody>
</table>
</body>
</html>
body {
background: gray;
margin: 0;
padding: 0;
}
table {text-align: center}
thead {background-color: brown}
td {background-color: white}
.code {background-color: yellow
font-family: monospace}
h1 {text-align: center}
h3 {text-align: center}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment