Cascading Style Sheets

Mit den folgenden zusätzlichen CSS-Selektoren und -Anweisungen erstrahlt unsere Homepage in zweispaltigem Glanz: #logo { width: 50px; padding: 13px 25px 5px 15px; } #content { background-color: #ccc; /* dieselbe Farbe wie die rechte Seitenleiste */ overflow: hidden; } main { width: 70%; float: left; background-color: #ddd; height: 100%; padding-bottom: 50px; } aside { width: 30%;…

Read More Vervollständigung des zweispaltigen Layouts

PDF-Download der Übungsaufgaben (344 KB) Aufgabe 1 Erstellen sie ein einspaltiges Webseitenlayout unter Verwendung von CSS und (u.a.) <div> Containern nach dem folgenden schematischen Vorbild: Verwenden Sie ein externes Stylesheet (z.B. in der Datei „style.css“), um die Darstellung Ihrer Website anzupassen. Bilden Sie die oben angedeuteten Seitenbereiche („logo“, „topnavigation“, etc.) über div-Container ab. Überlegen Sie…

Read More Übungsaufgaben „Ein basales Bloglayout mit CSS“

PDF-Download der Kurzübersicht (360 KB) CSS einbinden 1. Inline-Stildefinitionen <h1 style=“font-family: Helvetica; color: blue; „> Diese Überschrift wird in der Schriftart Helvetica und blau dargestellt </h1> 2. Stylesheetdefinition (z.B.) im Dokumentkopf <html><head><title>Stylesheetdemonstration</title> <style type=“text/css“> h1 { color: red; font-family: Arial; } </style> 3. Externe Stylesheets (eigene CSS-Datei) <html> <head> <title>Beispiel: Externe CSS Datei</title> <link type=“text/css“…

Read More Kurzübersicht CSS