CSS Cascading Style Sheets Level 3 – Grundlagen
Ihr erfolgreicher Einstieg in die Formatierungssprache CSS! Empfehlung zu SIZ Modul 244/245
Hinweis: Für dieses Buch liegt eine neuere Version vom Januar 2024 vor!
Wollen Sie neue Webseiten mit CSS – Cascading Style Sheets – Level 3 gestalten? Dann haben Sie mit diesem verständlichen Buch den richtigen Griff gemacht. Im Buch erfahren Sie, wie Sie Cascading Style Sheets effektiv erstellen und verwenden, wie Sie Elemente sicher und gezielt ansprechen und wie Sie beliebige Schriften gekonnt einsetzen und Texte interessanter gestalten können. Des Weiteren vermittelt Ihnen das Buch zielführende Informationen zu Farben und Hintergründen, Freiräumen und Rahmen, Datentabellen und Formularen, Rahmen mit eigenen Bildern oder abgerundeten Ecken und vieles mehr. Um Ihnen den besten Weg transparent darzustellen, bietet Ihnen dieses Buch Layoutbeispiele, die in allen aktuellen Browsern funktionieren. So werden auch Sie schnell in der Lage sein, moderne Webseiten zu erstellen. Das Buch erläutert auch die neuesten Techniken wie CSS-Grid oder Flexbox und die aktuellsten Browser.
Die Unterstützung älterer Browser wird ebenfalls berücksichtigt und Kompatibilitätsstrategien wie progressive enhancement werden erklärt.
Aus dem Inhalt
- Grundlagen CSS
- CSS-Syntax und Selektoren
- Eigenschaften der Schrift
- Abstände und Rahmen
- Tabellen
- Hintergründe
- Layout-Beispiele mit CSS-Grid, Flexbox
- Formulare gestalten
Ihre Vorteile
- Kompakte, handlungsorientierte Beschreibungen und Übungen für Kurse
- Zum Selbstlernen geeignet
- Das Buch eignet sich als Nachschlagewerk
- Alle Code-Beispiele im Buch, erläuternde Videos und eine Liste aller verwendeten Links sind als Download verfügbar.
Einsatzbereiche / Zielgruppe
- Trainings, Kurse, Schulungen, Unterricht, Uni-Seminare, Privatanwendungen
- Trainer/-innen, Dozenten/Dozentinnen, Lehrer/-innen, Privatkunden
Maßgeschneidert zu den Lernthemen in „CSS – Cascading Style Sheets – Level 3“ erhalten Sie mit BuchPlus ein umfassendes, digitales Medienpaket mit Lernvideos, Beispiel-, Übungs- und Ergebnisdateien sowie einer umfangreichen Linkliste.
Inhalt:
- 1Informationen zu diesem Buch
- 1.1Voraussetzungen und Ziele
- 1.2Aufbau und inhaltliche Konventionen
- 2Grundlagen CSS
- 2.1Warum Formatvorlagen verwenden
- 2.2Vorteile von CSS
- 2.3Dokumententyp und Zeichensatz
- 2.4Formatvorlagen
- 2.5Stylesheets einbinden
- 2.6Rangfolge der Stylesheets
- 2.7Ausgabemedien
- 2.8Alternative Stylesheets
- 2.9Übungen
- 3CSS-Syntax und Selektoren
- 3.1Aufbau von Stylesheets
- 3.2Wie Browser Ihre Webseite untergliedern
- 3.3Vererbung
- 3.4Universal-Selektor
- 3.5Element-Selektor
- 3.6Nachfahren-Selektor
- 3.7Kind-Selektor
- 3.8Selektor für Geschwister-Elemente
- 3.9Selektor für benachbarte Elemente
- 3.10Klassen-Selektor
- 3.11ID-Selektor
- 3.12Attribut-Selektor
- 3.13Pseudoklassen
- 3.14Pseudoelemente
- 3.15Weitere Selektoren
- 3.16Kommentare
- 3.17Übung
- 4Eigenschaften von Schrift
- 4.1Schriftfamilie
- 4.2Schnitte einer Schrift
- 4.3Maßeinheiten
- 4.4Schriftgröße
- 4.5Eigenschaften vererben oder zurücksetzen
- 4.6Angabe der Schrift in Kurzform
- 4.7Übungen
- 5Texte gestalten
- 5.1CSS-Eigenschaften zur Textgestaltung
- 5.2Text ausrichten
- 5.3Groß- und Kleinschreibung beeinflussen
- 5.4Text hervorheben mit text-decoration und text-shadow
- 5.5Textabstand
- 5.6Text einrücken
- 5.7Bekannte Schriften neu entdecken
- 5.8Zeilenumbruch
- 5.9Übungen
- 6Farben
- 6.1Farbwerte
- 6.2Textfarbe ändern
- 6.3Hintergrundfarben
- 6.4Übung
- 7Hintergrundbilder nutzen
- 7.1Einleitung zu Hintergründen
- 7.2Hintergrundgrafiken verwenden
- 7.3Hintergrund wiederholen
- 7.4Hintergrund positionieren
- 7.5Hintergrund festsetzen
- 7.6Mehrfache Hintergründe verwenden
- 7.7Größe der Hintergrundgrafik
- 7.8Bereich für Hintergrund-Position und Hintergrund-Anzeige festlegen
- 7.9Angabe des Hintergrunds in Kurzform
- 7.10Übungen
- 8Listen gestalten
- 8.1Einleitung zu Listen
- 8.2Listentyp
- 8.3Aufzählungszeichen einrücken
- 8.4Listengrafik ändern
- 8.5Kurzform der Aufzählung
- 8.6Übung
- 9Abstände und Rahmen
- 9.1Einführung in das Box-Modell
- 9.2Rahmen
- 9.3Separate Wertangaben
- 9.4Kurzform von Rahmen
- 9.5Konturen mit outline
- 9.6Abgerundete Ecken
- 9.7Rahmen mit Bildern und Browser-Präfixe
- 9.8Innenabstand mit padding
- 9.9Probleme mit Innenabständen und Rahmen bewältigen
- 9.10Außenabstand mit margin
- 9.11Übungen
- 10Tabellen
- 10.1Die Eigenschaft display und Einführung in CSS-Tabellen
- 10.2Darstellung von Elementen ändern
- 10.3Tabellen beschriften
- 10.4Rahmen darstellen
- 10.5Rahmenabstand
- 10.6Leere Tabellenzellen
- 10.7Tabellenlayout
- 10.8Zellen verbinden
- 10.9Übungen
- 11Positionieren mit CSS
- 11.1Elemente positionieren
- 11.2Größe eines Elements angeben
- 11.3Überlauf festlegen
- 11.4Text-Überlauf beeinflussen
- 11.5Element umfließen
- 11.6Unsichtbare Elemente
- 11.7Ebenen in HTML-Dokumenten meistern
- 11.8Übungen
- 12Inhalte generieren: Zähler, Variablen und Berechnungen
- 12.1Einführung in CSS-generierte Inhalte
- 12.2Anführungszeichen setzen
- 12.3Inhalte einfügen
- 12.4Zähler einbinden
- 12.5Rechnen in CSS
- 12.6Custom Properties (CSS Variablen
- 12.7Mauszeiger anpassen
- 12.8Übungen
- 13Layout mit CSS erstellen
- 13.1Zweispalter mit Kopfbereich
- 13.2Flexbox – flexible, responsive Layouts ohne @media-Regel
- 13.3Eine responsive Navigation mit Flexbox umsetzen
- 13.4Benutzerfreundliche Menüs erstellen
- 13.5CSS-Grid
- 13.6Unterschiede der Layout-Methoden
- 13.7Übungen
- 14Formulare gestalten
- 14.1Einführung in die Gestaltung von Formularen
- 14.2Einzeilige Textfelder formatieren
- 14.3Mehrzeilige Textfelder, legend und fieldset formatieren
- 14.4Auswahlboxen formatieren
- 14.5Schaltflächen gestalten
- 14.6HTML5 und CSS3: neue Formulartypen
- 14.7Komplettes Formular
- 14.8Nutzerunterstützung
- 14.9Übung
- 15Wie geht es weiter
- 15.1CSS ist umfangreich und komplex
- 15.2CSS ist universell
- 15.3CSS ist individuell
- 15.4Wo Sie sich weiterbilden können
- 15.5Sinnvoll weiterbilden
- Stichwortverzeichnis
