forked from marko-knoebl/slides
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfrontend-css-collection-de.html
11 lines (11 loc) · 2.79 KB
/
frontend-css-collection-de.html
1
2
3
4
5
6
7
8
9
10
11
<html lang="de" style="height:100%"><head><meta charSet="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap-reboot.min.css"/></head><body style="height:100%"><div style="height:100%;display:flex;align-items:stretch"><nav style="flex-basis:320px;overflow:auto;padding-top:4em;padding-left:1em;padding-right:1em;padding-bottom:0.5em;margin-bottom:0.5em"><div>parent topic: <a href="/slides/html-and-css-de.html">HTML und CSS</a></div><div><a href="frontend-css-de.html">show presentation individually</a></div><section><h1>CSS</h1><ul><li><a href="/slides/frontend-css-de.html#/0" target="content">CSS</a></li><li><a href="/slides/frontend-css-de.html#/1" target="content">CSS</a></li><li><a href="/slides/frontend-css-de.html#/2" target="content">Farben</a></li><li><a href="/slides/frontend-css-de.html#/3" target="content">Schrift</a></li><li><a href="/slides/frontend-css-de.html#/4" target="content">Längeneinheiten</a></li><li><a href="/slides/frontend-css-de.html#/5" target="content">CSS Resets und Libraries</a></li><li><a href="/slides/frontend-css-de.html#/6" target="content">Inline- und Block-Elemente</a></li><li><a href="/slides/frontend-css-de.html#/7" target="content">Box-Modell</a></li><li><a href="/slides/frontend-css-de.html#/8" target="content">Overflow</a></li><li><a href="/slides/frontend-css-de.html#/9" target="content">Common CSS reset declarations</a></li><li><a href="/slides/frontend-css-de.html#/10" target="content">CSS Styling Beispiele</a></li><li><a href="/slides/frontend-css-de.html#/11" target="content">Flexbox</a></li><li><a href="/slides/frontend-css-de.html#/12" target="content">Media queries</a></li><li><a href="/slides/frontend-css-de.html#/13" target="content">Übungen</a></li><li><a href="/slides/frontend-css-de.html#/14" target="content">Erweiterte CSS-Selektoren</a></li><li><a href="/slides/frontend-css-de.html#/15" target="content">Positionierung</a></li><li><a href="/slides/frontend-css-de.html#/16" target="content">Transformationen</a></li><li><a href="/slides/frontend-css-de.html#/17" target="content">Übergänge (Transitions)</a></li></ul></section></nav><main style="flex-grow:1"><iframe name="content" style="width:100%;height:100%;border:none"></iframe></main><button id="nav-toggle-button" style="position:absolute;top:1rem;left:1rem;padding:0.4em 0.8em;cursor:pointer;border-radius:0.25em;background-color:#0074d9;color:#ffffff;border:none">toggle sidebar</button><style>
nav.hidden {
display: none;
}
</style><script>
document
.getElementById("nav-toggle-button")
.addEventListener("click", () => {
document.querySelector("body > div > nav").classList.toggle("hidden");
});
</script></div></body></html>