From c26bacad0b2a8b483eb2e6cc38d6216e51c340ce Mon Sep 17 00:00:00 2001
From: Torge <torge@noreply.localhost>
Date: Mon, 31 Mar 2025 18:18:31 +0000
Subject: [PATCH] =?UTF-8?q?sheet=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sheet | 143 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 143 insertions(+)
 create mode 100644 sheet

diff --git a/sheet b/sheet
new file mode 100644
index 0000000..8c86b6c
--- /dev/null
+++ b/sheet
@@ -0,0 +1,143 @@
+# CSS Cheatsheet (Deutsch)
+
+## Grundlegende Eigenschaften
+
+```css
+color: red;
+```
+*Textfarbe setzen.*
+
+```css
+background-color: blue;
+```
+*Hintergrundfarbe setzen.*
+
+```css
+font-size: 16px;
+```
+*Schriftgröße festlegen.*
+
+```css
+font-family: Arial, sans-serif;
+```
+*Schriftart bestimmen.*
+
+```css
+text-align: center;
+```
+*Textausrichtung (z. B. zentriert).*
+
+## Abstände & Größen
+
+```css
+margin: 10px;
+```
+*Außenabstand (außerhalb eines Elements).*
+
+```css
+padding: 10px;
+```
+*Innenabstand (innerhalb eines Elements).*
+
+```css
+width: 100px;
+```
+*Breite eines Elements.*
+
+```css
+height: 50px;
+```
+*Höhe eines Elements.*
+
+## Rahmen
+
+```css
+border: 1px solid black;
+```
+*Rahmen definieren (Dicke, Stil, Farbe).*
+
+```css
+border-radius: 10px;
+```
+*Abgerundete Ecken.*
+
+## Layout & Anzeige
+
+```css
+display: flex;
+```
+*Flexbox aktivieren – für flexibles Layout.*
+
+```css
+justify-content: center;
+```
+*Inhalt horizontal ausrichten (Flexbox).*
+
+```css
+align-items: center;
+```
+*Inhalt vertikal ausrichten (Flexbox).*
+
+```css
+position: absolute;
+```
+*Absolute Positionierung (bezogen auf Eltern-Element).*
+
+```css
+position: relative;
+```
+*Relative Positionierung.*
+
+```css
+top: 10px; left: 20px;
+```
+*Positionierung eines Elements (z. B. bei `position: absolute`).*
+
+## Farben & Transparenz
+
+```css
+opacity: 0.5;
+```
+*Transparenz (0 = durchsichtig, 1 = sichtbar).*
+
+## Schatten & Effekte
+
+```css
+box-shadow: 2px 2px 5px gray;
+```
+*Schlagschatten für ein Element.*
+
+```css
+text-shadow: 1px 1px 3px black;
+```
+*Schrift mit Schatteneffekt.*
+
+## Übergänge & Animation
+
+```css
+transition: all 0.3s ease;
+```
+*Sanfte Übergänge für Änderungen.*
+
+```css
+animation: fadeIn 2s;
+```
+*Animation anwenden (muss separat definiert werden).*
+
+## Sonstiges
+
+```css
+cursor: pointer;
+```
+*Mauszeiger zu Hand-Symbol ändern.*
+
+```css
+overflow: hidden;
+```
+*Überlaufenden Inhalt ausblenden.*
+
+```css
+z-index: 10;
+```
+*Reihenfolge auf der Z-Achse (bei überlappenden Elementen).*
+