Skip to content

Commit

Permalink
refactor(web/html_css): refactor 17_css_positioning.md, 18_css_keyfra…
Browse files Browse the repository at this point in the history
…mes.md, 19_css_finish.md and 20_css_bootstrap.md
  • Loading branch information
QuadrapasselGott committed Oct 28, 2024
1 parent a4cfd0c commit 7387b3c
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 3 deletions.
4 changes: 2 additions & 2 deletions content/en/docs/web/html_css/17_css_positioning.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ img {
}
```

Mit `position: relative` bewirken wir, dass CSS-Properties wie `top`, `bottom`, `left` und `right` beachtet werden. Mithilfe der relativen Positionierung können wir dann das Element verschieben, ohne dass es andere Elemente bzw. den Textfluss verändert. Wir haben hier `top` verwendet, um **oben** einen Abstand einzufügen. Würdest du `left` verwenden, so würde sich das Element entsprechend nach rechts verschieben. Wichtig zu beachten ist hierbei, dass unter Verwendung von `top`, `bottom`, `left` und `right` der Abstand relativ zum Objekt selbst eingefügt wird.
Mit `position: relative` bewirken wir, dass CSS-Properties wie `top`, `bottom`, `left` und `right` beachtet werden. Mithilfe der relativen Positionierung können wir dann das Element verschieben, ohne dass es andere Elemente bzw. den Textfluss verändert. Wir haben hier `top` verwendet, um **oben** einen Abstand einzufügen. Würdest du `left` verwenden, so würde sich das Element entsprechend nach rechts verschieben. Wichtig zu beachten ist hierbei, dass unter Verwendung von `top`, `bottom`, `left` und `right` der Abstand relativ zum Objekt selbst eingefügt wird.

![asset](/images/hint.png) Hierzu findest du eine [Aufgabe im Lab](../../../../labs/web/html_css/02_css).

Expand All @@ -65,7 +65,7 @@ Are you a
</style>
```

Bei der Verwendung von `position: absolute` wird das Element relativ vom nächsten **ebenfalls positionierten** Parent-Element positioniert. Gibt es kein solches, wird das Element relativ zum `html`-Element positioniert.
Bei der Verwendung von `position: absolute` wird das Element relativ vom nächsten **ebenfalls positionierten** Parent-Element positioniert. Gibt es kein solches, wird das Element relativ zum `html`-Element positioniert.

Mache deinen Browser mal ein wenig kleiner und beobachte, wie sich die Positionierung verhält, wenn du scrollst.

Expand Down
2 changes: 1 addition & 1 deletion content/en/docs/web/html_css/20_css_bootstrap.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ Das führt oft dazu, dass im Code viele "CSS-Leichen" zu finden sind.
Um diesem Problem entgegenzuwirken, verwendet man oft eine CSS-Datei, die für das
ganze Projekt gelten soll. (styles.css)

Wenn du aber oft das Projekt wechselst, wirst du nicht den Überblick behalten können,
Wenn du aber oft das Projekt wechselst, wirst du nicht den Überblick behalten können,
welche Konzepte vorgehend mit CSS umgesetzt wurden.

Aus diesem Grund kann es Sinn machen, projektübergreifend ein standardisiertes CSS-Framework
Expand Down

0 comments on commit 7387b3c

Please sign in to comment.