Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Solution: Kontaktseite

Solution: Kontaktseite – Tutorial zu CSS

Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

Gratismonat starten Für Ihr Team erwerben

Solution: Kontaktseite

“

Eine mögliche Lösung zur Gestaltung der »Kontakt«-Seite sehen Sie hier in der Vorschau, in der Live-Vorschau in Visual Studio Code, und das entsprechende CSS ist hier auf der linken Seite. Die optische Hervorhebung der Kontaktdaten ist recht einfach hier, einfach ein bisschen Hintergrundfarbe und eine kleine abgerundete Ecke, genau wie die anderen Elemente auf dieser Seite auch. Und dann geht es gleich weiter zum Formular. Die Formulare auswählen kann man hervorragend mit Attributselektoren. Und hier sehen Sie schon font-size und font-family: inherit, also die sollen geerbt werden. Ich nehme diese beiden Anweisungen mal eben raus und dann sehen Sie, wie die meisten Browser das normal machen. Das ist ganz deutlich eine andere Schrift hier, und wenn ich das jetzt wieder aktiviere, dann sieht man, dass man mit dem Vererben, mit dem erzwungenen Vererben hier die gleiche Schrift bekommt. Optional kann man hier noch die Schriftfarbe ändern, sodass der Anwender gleich beim Ausfüllen sieht…

Inhalt