Jörg Thomaschewski - Internet-Grundlagen
6.5 CSS-Tipps
Suche wird initialisiert
    • Home
    • 1. Die Geschichte des Internets
    • 2. Linux
      • 2.1 Die Geschichte von Linux
      • 2.2 Wichtige Linux-Konzepte
      • 2.3 Erstes Login auf dem Linux-Server
      • 2.4 Erste Schritte im Dateisystem
      • 2.5 Linux-Befehle
      • 2.5.1 Paketverwaltung
      • 2.5.2 Dateisystembefehle und Operatoren
      • 2.5.3 Text- und Dateibearbeitung
      • 2.5.4 Systemverwaltung
      • 2.5.5 Finden und Ersetzen
      • 2.5.6 Rechte ändern
      • 2.5.7 Systeminformationen
      • 2.5.8 Prozessmanagement
      • 2.5.9 Archivierungs- und Komprimierungsbefehle
      • 2.5.10 Netzwerkbefehle
      • 2.6 Bash
      • 2.7 Dateisysteme und Linux
      • 2.7.1 Dateisystem-Hierarchie und Struktur
      • 2.7.2 Wichtige Dateisysteme
      • 2.7.3 Dateisystemoperationen
      • 2.7.4 Festplatten und ihre Lebensdauer
      • 2.7.5 Festplattenverbund
      • 2.8 Selbsttest zu Linux
    • 3. Mediennetzwerke
      • Die Geschichte der Mediennetzwerke
      • Beispiele warum Netzwerkwissen wichtig ist
      • Generelle Netzwerktopologien und Netzwerktypen
      • ISO/OSI Schichtenmodell
      • Netzwerkprotokolle
      • MAC und IP-Adressen
      • Grundlegende Linux-Netzwerkbefehle
      • Netzwerkhardware
      • Netzwerksicherheit
      • Netzwerkmanagement
    • 4. HTML
      • 4.1 HTML-Grundlagen und Metadaten
      • 4.1.1 Sinn und Zweck von HTML
      • 4.1.2 Entstehung von HTML und W3C
      • 4.1.3 Einführung in die HTML-Syntax
      • 4.1.4 Elemente im HTML-Header
      • 4.1.5 Attribute zum Header-Element meta
      • 4.1.6 Selbsttest zu HTML-Grundlagen und Metadaten
      • 4.1.7 Wissen anwenden: HTML-Metadaten
      • 4.2 Ein HTML-Dokument erstellen
      • 4.2.1 HTML-Seitenstruktur
      • 4.2.2 HTML-Seitenstruktur 2
      • 4.2.3 HTML-Seitenstruktur im Überblick
      • 4.2.4 HTML-Struktur: Kommentare, Zeilenumbrüche und Absätze
      • 4.2.5 HTML-Struktur: Listen
      • 4.2.6 HTML-Struktur: Elemente für Formatierungen
      • 4.2.7 Links und Anker im HTML-Dokument
      • 4.2.8 Grafiken einbinden
      • 4.2.9 Die Elemente figure und figcaption nutzen
      • 4.2.10 SVG-Grafiken verwenden
      • 4.2.11 Medien einbinden
      • 4.2.12 Tabellen erstellen
      • 4.2.13 Weitere HTML-Elemente
      • 4.2.14 Selbsttest zu HTML-Dokument erstellen
      • 4.3 HTML-Formulare
      • 4.3.1 Formulare erstellen
      • 4.3.2 Eingabefelder input
      • 4.3.3 Attribute für das input-Element
      • 4.3.4 Radio Buttons und Checkboxen
      • 4.3.5 Eingabebereiche textarea
      • 4.3.6 Auswahllisten select
      • 4.3.7 Buttons und Absenden von Formularen
      • 4.3.8 Selbsttest zu HTML-Formulare
      • 4.4 HTML Hinweise und Tipps
      • 4.4.1 Responsive Design und Mobile First
      • 4.4.2 Konventionen über Dateinamen
      • 4.4.3 Sonderzeichen und Umlaute
      • 4.5 Zusammenfassung Kapitel HTML
      • 4.5.1 Selbsttest zum gesamten Kapitel HTML
      • 4.5.2 Aufgabe zum Kapitel HTML
    • 5. DOM
      • 5.1 Einführung in das Document Object Model
      • 5.2 Grundlagen von DOM
      • 5.3 Navigieren im DOM-Baum
      • 5.4 Anwendungsbeispiele
      • 5.5 Selbsttest zum gesamten Kapitel DOM
    • 6. CSS
      • 6.1 Einführung in Cascading Style Sheets (CSS)
      • 6.2 Grundlagen der CSS-Formatierung
      • 6.2.1 CSS-Syntax und Befehle definieren
      • 6.2.2 CSS in HTML einbinden – Möglichkeiten
      • 6.2.3 Fazit: CSS in HTML einbinden
      • 6.2.4 Kommentare im Stylesheet
      • 6.2.5 CSS-Formate auf HTML-Elemente anwenden
      • 6.2.6 Gruppierung
      • 6.2.7 Verschachtelung
      • 6.2.8 Sammeleigenschaften
      • 6.2.9 Die Elemente `div` und `span`
      • 6.2.10 Klassenselektoren
      • 6.2.11 ID-Selektoren – Individualformate definieren
      • 6.2.12 Der Unterschied zwischen Klassen und IDs
      • 6.2.13 Pseudoklassen
      • 6.2.14 Selektoren und Spezifität
      • 6.2.15 Exkurs: Eigenschaftswerte, Längenmaße, Farben, Schlüsselwörter
      • 6.2.16 Selbsttest zu Grundlagen der CSS-Formatierung
      • 6.3 Erweiterung der CSS-Formatierung
      • 6.3.1 Hintergrundformatierung
      • 6.3.2 Schriftformatierung
      • 6.3.3 Absätze und Ausrichtungen
      • 6.3.4 Listenformatierung
      • 6.3.5 Selbsttest zu Erweiterung der CSS-Formatierung
      • 6.4 Positionieren von CSS-Elementen
      • 6.4.1 Größe von Elementen
      • 6.4.2 Positionierung von Elementen
      • 6.4.3 Anzeigeoptionen für Elemente
      • 6.4.4 Rahmengestaltung
      • 6.4.5 Außenabstand (`margin`)
      • 6.4.6 Innenabstand (`padding`)
      • 6.4.7 Formulare formatieren
      • 6.4.8 Das Box-Modell
      • 6.4.9 CSS Float
      • 6.4.10 CSS Flexbox – Basiskonzept
      • 6.4.11 CSS Flexbox – Verteilung auf Hauptachse und Querachse
      • 6.4.12 CSS Multiline Flexbox
      • 6.4.13 Selbsttest zu Positionieren von CSS-Elementen
      • 6.5 CSS-Tipps
      • 6.5.1 Normalize.css
      • 6.5.2 Strukturierter Aufbau einer CSS-Datei
      • 6.5.3 SCSS, Sass und Less
      • 6.6 Selbsttest, Aufgabe und Zusammenfassung zum Kapitel CSS
    • 7. JavaScript
      • 7.1 Einführung in JavaScript
      • 7.2 JavaScript in HTML einbinden
      • 7.3 Grundprinzipien der Programmierung
      • 7.3.1 Variablen
      • 7.3.2 Arrays
      • 7.3.3 Operatoren
      • 7.3.4 Umwandlung von Variablentypen
      • 7.3.5 If und Switch
      • 7.3.6 Schleifen
      • 7.3.7 Funktionen
      • 7.3.8 Selbsttest zu Grundprinzipien der Programmierung
      • 7.4 Objektorientierung in JavaScript
      • 7.4.1 Objektorientierte Programmierung
      • 7.4.2 Objekte mit Object Literals erstellen
      • 7.4.3 Objekte mit Konstruktor-Funktionen erstellen
      • 7.4.4 Objekte über Class-Klassen erstellen
      • 7.4.5 Vererbung in JavaScript
      • 7.4.6 Callbacks
      • 7.4.7 Selbsttest OOP
      • 7.5 JavaScript in der Praxis
      • 7.5.1 Einfache Beispiele mit window-Objekt
      • 7.5.2 Weitere einfache Beispiele
      • 7.5.3 Formulare I: Vollständigkeit prüfen
      • 7.5.4 Formulare II: Besondere Überprüfungen
      • 7.5.5 Grafiken einsetzen
      • 7.6 Zusammenfassung Kapitel JavaScript

    6.5 CSS-Tipps

    Gliederung:

    6.5.1 Normalize.css
    6.5.2 Strukturierter Aufbau einer CSS-Datei
    6.5.3 SCSS, Sass und Less

    Nachdem Sie in den vorherigen Kapiteln viel CSS gelernt haben, werden hier einige CSS-Hinweise und Tipps gegeben. Diese Kapitel umfassen die grundlegenden und erweiterten Techniken für die Optimierung und Wartung von CSS-Dateien sowie die Einführung in Präprozessoren wie Sass, SCSS und Less.

    Zurück
    6.4.13 Selbsttest zu Positionieren von CSS-Elementen
    Weiter
    6.5.1 Normalize.css
    © 2023-2024 für alle Inhalte Jörg Thomaschewski --- Impressum --- Datenschutzerklärung
    Made with Material for MkDocs