-
Notifications
You must be signed in to change notification settings - Fork 0
/
reference.html
89 lines (82 loc) · 3.63 KB
/
reference.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS City | CSS Reference</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Description"
content="Reference for CSS attributes, selectors, variables, and methods, containing syntax, sample code, and examples">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/sane.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="/css/vendor/prism.css">
<script src="js/vendor/prism.js"></script>
<script src="js/vendor/escapeHTML.js"></script>
<!-- <base href="https://css.city/"> -->
</head>
<body>
<header>
<nav>
<a id="menu-title" href="index.html">
<span>CSS</span>
<img id="logo" src="assets/city-sunset.png" alt="City at sunset">
</a>
<ul>
<li><a href="learn.html">Learn</a>
<ul>
<li><a href="learn.html">Introduction</a></li>
<li><a href="learn/01-selectors.html">Selectors</a></li>
<li><a href="learn/02-colors.html">Colors</a></li>
<li><a href="learn/03-typography.html">Typography</a></li>
<li><a href="learn/04-units.html">Units</a></li>
<li><a href="learn/05-positioning.html">Positioning</a></li>
<li><a href="learn/06-box-model.html">Box Model</a></li>
<li><a href="learn/07-layout.html">Layout</a></li>
<li><a href="learn/08-specificity.html">Specificity</a></li>
<li><a href="learn/09-beyond-the-basics.html">Beyond the Basics</a></li>
</ul>
</li>
<li><a href="practice.html">Practice</a>
<ul>
<li><a href="practice/building-memory.html">Building Memory</a></li>
<li><a href="practice/playground.html">Experimenting</a></li>
<li><a href="practice/playing-games.html">Playing Games</a></li>
</ul>
</li>
<li>
<a href="reference.html">Reference</a>
<ul>
<li><a href="reference/articles.html">Articles</a></li>
<li><a href="reference/resources.html">Resources</a></li>
<li><a href="reference/strategies.html">Strategies</a></li>
<li><a href="reference/templates.html">Templates</a></li>
</ul>
</li>
<li><a href="tools.html">Tools</a></li>
</ul>
</nav>
</header>
<main>
<h1>Reference</h1>
<p>This will be a reference for CSS selectors, variables, methods, and syntax.</p>
<p>Until it is complete, check out this collection of resources:</p>
<ul>
<li><a href="reference/articles.html">Articles</a></li>
<li><a href="reference/resources.html">Resources</a></li>
<li><a href="reference/strategies.html">Strategies</a></li>
<li><a href="reference/templates.html">Templates</a></li>
</ul>
<p>See an error on this page? Place a pull request on <a href="https://github.com/rchillard/css.city">GitHub</a> to
fix it!</p>
<br>
<a href="https://github.com/rchillard/css.city"><img alt="GitHub logo" src="assets/github.svg"
style="width: 2rem;"></a>
</main>
<!-- More images
<img src="assets/jonathan-roger-LY1eyQMFeyo-unsplash.jpg" alt="City skyline in the evening bathed in blue and purple light by Jonathan Roger on Unsplash" width="60%">
<img src="assets/alex-knight-Ys-DBJeX0nE-unsplash.jpg" alt="City at night in blue, green, and pink light by Alex Knight on Unsplash" width="60%"> -->
<footer>
<!-- Created by <a href="https://rchillard.com/">RCH</a> -->
</footer>
</body>
</html>