Aus dem Kurs: Grundkurs Webtechniken 2: CSS
Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
Solution: Stylesheets erstellen und das CSS verteilen
Aus dem Kurs: Grundkurs Webtechniken 2: CSS
Solution: Stylesheets erstellen und das CSS verteilen
(Musik) Sie sehen hier eine mögliche Lösung für die Aufteilung der Stylesheets. Ich habe zunächst einmal das alte Stylesheet style.css umbenannt in style-alt.css und dann hier die Styles, die CSS-Regeln auf die anderen Stylesheets verteilt, sodass am Ende style-alt.css völlig leer war. Und so wusste ich auch, dass ich nicht irgendetwas übersehen habe. In der neuen style.css sozusagen sind nur die importierten Stylesheets. In basis.css gibt es die globalen Einstellungen wie Borderbox, Farbschema, Body-Einstellungen, ein bisschen Gestaltung, die grundlegenden Link-Einstellungen und unten noch allgemeine Klassen. In layout.css habe ich wirklich außer inside nur die Layout-Bereiche und die Navigation steht in einem eigenen Stylesheet hier, sodass man das bei Bedarf einfach austauschen könnte. Und dann haben wir hier noch content.css. Das wird immer relativ voll. Sie sehen also, alles, was im Inhaltsbereich relevant ist, steht hier drin. Und ganz zum Schluss noch forms.css. Da sehen wir…
Inhalt
-
-
-
-
-
-
-
Hintergrundgrafiken einbinden und gestalten mit background & Co.4 Min. 40 Sek.
-
(Gesperrt)
Farbverläufe mit linear-gradient()2 Min. 11 Sek.
-
(Gesperrt)
Boxen mit Schatten: box-shadow2 Min. 32 Sek.
-
(Gesperrt)
Call to Action: Links als Buttons gestalten3 Min. 55 Sek.
-
(Gesperrt)
Boxen am Bildschirm ausblenden: die Klasse visually-hidden4 Min. 28 Sek.
-
(Gesperrt)
Modulbauweise: Mehrere kleine Stylesheets erleichtern die Entwicklung2 Min. 52 Sek.
-
(Gesperrt)
Challenge: Stylesheets erstellen und das CSS verteilen51 Sek.
-
(Gesperrt)
Solution: Stylesheets erstellen und das CSS verteilen1 Min. 51 Sek.
-
-
-
-
-