css

CSS-Selektoren

Ich weiß schon seit langem, dass man in CSS Klassen, Elemente und IDs ansteuern kann. Ein Element steuert man über den entsprechenden Elementnamen an, eine Klasse über .klassenname und eine ID über #idname. Ich wusste auch, dass man diese Anweisungen kombinieren kann, so ruft z.B. der folgende Code alle Absätze, die die Klasse „liste“ haben […]

CSS-Selektoren Read More »

Grid

Ich habe noch gelernt, dass man die float-Eigenschaft benutzen kann, um HTML-Elemente nebeneinander zu bekommen. Float ist aber immer etwas tricky. Es gibt mit Flexbox und Grid bessere, moderene Lösungen und heute setze ich mich mit Grid auseinander. Dazu nutze ich folgenden Guide. Ein Grid ist ein Container, in dem man Zeilen und Spalten definiert.

Grid Read More »

Das Internet und die Digitalisierung

Ich hab ja schon selber Videos gemacht, was das Internet ist – jetzt schreibe ich es anlässlich der Fobizz-Fortbildung auch nochmal aus. Das Internet bezeichnet alle weltweit miteinander verbundenen Rechner und Geräte. Teilweise befinden sich diese in eigenen Netzwerken, die dann wieder mit anderen Netzwerken verknüpft sind. Der Teil des „Netzes der Netze“, denn man

Das Internet und die Digitalisierung Read More »

Webseitenlayout (Flex, Grid und Float)

In der heutigen Unterrichtsstunde haben wir uns mit CSS beschäftigt und sind auf die Frage gestoßen, wie man Elemente nebeneinander positioniert. Da ich bisher immer mit Bootstrap gearbeitet habe, war mir es gar nicht bewusst, dass die Breite eines Div-Containers gar nicht ändert, ob er unter oder neben dem nächsten Container gezeigt wird – per

Webseitenlayout (Flex, Grid und Float) Read More »

html stylen

Man kann html mittels css formatieren. Dabei gibt es drei Möglichkeiten, die ich derzeit nutze: css direkt in das Element schreiben css in den head der html-Datei schreiben css als externe Datei einbinden css direkt in das Element schreiben Um css direkt einem Element zuzuweisen, notiert man im öffnen Tag ein style-Attribut mitsam der geüwnschten

html stylen Read More »