Inhalt. 1 Mit CSS beginnen 1. 2 Textauszeichnungen und andere Grundlagen 13

Größe: px

Ab Seite anzeigen:

Download "Inhalt. 1 Mit CSS beginnen 1. 2 Textauszeichnungen und andere Grundlagen 13"

Artur Schmitz
vor 6 Jahren
Abrufe

1 D3kjd3Di38lk323nnm xiii 1 Mit CSS beginnen Formate definieren mit CSS lnline-formate Eingebettete Formate Externe Stylesheets CSS-Selektoren Type-Selektoren Klassen-Selektoren ID-Selektoren Selektoren als Nachfahren Kind-Selektoren Selektoren für Pseudoklassen Zusammenfassung Textauszeichnungen und andere Grundlagen 13 Problem 1 Wie ersetze ich <font>-tags durch CSS? Problem 2 Problem 3 Problem 4 Problem 5 Sollte ich Pixel, Punkt, em oder etwas anderes für Schriftgrößen benutzen? Wie kann ich Text in einem bestimmten Font anzeigen? Wie entferne ich die Unterstreichung von meinen Links? Wie erzeuge ich einen Link, der beim Überfahren mit der Maus die Farbe ändert?

2 xiv Problem 6 Wie kann ich die Links einer Seite mit zwei verschiedenen Formaten anzeigen? Problem 7 Wie hebe ich das erste Element einer Liste hervor? Problem 8 Wie füge ich einer Überschrift eine Hintergrundfarbe hinzu? Problem 9 Wie unterstreiche ich Überschriften? Problem 10 Wie verringere ich den großen Abstand zwischen einem <h1>-tag und nachfolgendem Text? Problem 11 Wie hebe ich Text hervor? Problem 12 Wie ändere ich die Zeilenhöhe (Zeilenabstand) in meinem Text? Problem 13 Wie richte ich Text aus? Problem 14 Wie gestalte ich eine horizontale Linie? Problem 15 Wie rücke ich Text ein? Problem 16 Wie zentriere ich Text? Problem 17 Problem 18 Problem 19 Problem 20 Wie wandle ich einen Text mit CSS in Großbuchstaben um? Wie ändere oder entferne ich die Aufzählungszeichen für Listeneinträge? Wie kann ich ein Bild als Aufzählungszeichen verwenden? Wie vermeide ich die Einrückung links von einer Liste? Problem 21 Wie ordne ich eine Liste horizontal an? Problem 22 Problem 23 Problem 24 Wie füge ich Kommentare in meine CSS-Datei ein? Wie kann ich ohne Attribute im <body>-tag vorgegebene Seitenränder abschalten? Wie kann ich die im Browser voreingestellten Innen- und Außenabstände von allen Elementen beseitigen? Zusammenfassung

3 xv 3 CSS und Bilder 53 Problem 25 Wie rahme ich ein Bild ein? Problem 26 Problem 27 Wie kann ich mit CSS das veraltete border-attribut bei Bildern ersetzen? Wie füge ich mit CSS ein Hintergrundbild in meine Seite ein? Problem 28 Wie positioniere ich mein Hintergrundbild? Problem 29 Wie binde ich ein fixiertes Hintergrundbild ein? Problem 30 Wie kann ich Hintergrundbilder in andere Elemente einfügen? Problem 31 Wie lege ich Text über ein Bild? Problem 32 Problem 33 Wie füge ich mehrere Hintergrundbilder in mein Dokument ein? Wie kann ich in meinen Seiten Transparenz einsetzen? Zusammenfassung Navigation 73 Problem 34 Problem 35 Problem 36 Problem 37 Problem 38 Problem 39 Problem 40 Wie ersetze ich die Bilder in der Navigation durch CSS? Wie mache ich aus einer strukturierten Liste ein Navigationsmenü? Wie erzeuge ich einen Rollover-Effekt für ein Menü ohne Bilder oder JavaScript? Wie erzeuge ich mit CSS und Listen mehrstufige Navigationssysteme? Wie erstelle ich ein horizontales Menü mit CSS und Listen? Wie erzeuge ich mit CSS ein Menü im Button-Stil? Wie erzeuge ich mit CSS ein Menü mit Karteireitern?

4 xvi Problem 41 Wie ändere ich den Typ des Cursors? Problem 42 Problem 43 Wie erzeuge ich Rollover-Effekte ohne JavaScript? Kann ich ausklappbare Menüs nur mit CSS erstellen? Zusammenfassung Tabellarische Daten 117 Problem 44 Problem 45 Problem 46 Problem 47 Problem 48 Problem 49 Problem 50 Problem 51 Wie gestalte ich ein Layout für eine Kalkulationstabelle? Meine tabellarischen Daten sollen zugänglich und zugleich ansprechend sein Wie rahme ich eine Tabelle ein, ohne das HTML-Attribut border zu verwenden? Wie vermeide ich Zwischenräume zwischen den einzelnen Tabellenzellen? Wie stelle ich Daten einer Kalkulationstabelle ansprechend und zugänglich dar? Wie zeige ich die Zeilen einer Tabelle in abwechselnden Farben an? Wie erziele ich einen Hover-Effekt für eine Tabellenzeile? Wie stelle ich Tabellenspalten in unterschiedlichen Farben dar? Problem 52 Wie stelle ich mit CSS einen Kalender dar? Zusammenfassung Formulare und Benutzerschnittstellen 149 Problem 53 Wie gestalte ich Formularelemente mit CSS? Problem 54 Problem 55 Wie weise ich Feldern innerhalb desselben Formulars verschiedene Formate zu? Wie stelle ich mein Formular als Inline-Element dar?

5 xvii Problem 56 Problem 57 Problem 58 Wie erstelle ich einen Submit-Button, der aussieht wie Text? Wie können Benutzer mit textbasierten Geräten mein Formular ausfüllen? Wie erstelle ich mit CSS ein zweispaltiges Formular ohne Tabelle? Problem 59 Wie gruppiere ich zusammengehörige Felder? Problem 60 Problem 61 Problem 62 Problem 63 Wie formatiere ich die Hinweise für Zugriffstasten (»accesskey«)? Wie hebe ich die Einträge in einer Auswahlbox mit verschiedenen Farben hervor? Wie gestalte ich mit CSS ein Formular als Arbeitsblatt? Wie hebe ich die Tabellenzelle hervor, die der Benutzer anklickt? Zusammenfassung Browserübergreifende Techniken 183 Problem 64 Problem 65 Problem 66 Problem 67 Problem 68 In welchen Browsern sollte ich meine Internetseiten testen? Wie kann ich mit einem Betriebssystem in mehreren Browsern testen? Gibt es einen Testservice für die verschiedenen Browser? Kann ich verschiedene Versionen des Internet Explorers auf Windows installieren? Wie binde ich ein Stylesheet für ganz alte Browser ein? Problem 69 Wie verberge ich CSS vor anderen Browsern? Problem 70 Problem 71 Wie stelle ich unterschiedliche Stilregeln für einen bestimmten Browser zur Verfügung? Wie erreiche ich Alpha-Transparenz im Internet Explorer 6?

6 xviii Problem 72 Problem 73 Problem 74 Problem 75 Was ist DOCTYPE-Switching und wie setze ich es ein? Ich habe womöglich einen CSS-Fehler gefunden. Was mache ich nun? Was ist zu tun, wenn e zeitweilig im Internet Explorer 6 verschwinden? Was bedeuten die Fehlermeldungen und Warnungen im W3C-Validator? Zusammenfassung Zugänglichkeit und alternative Geräte 223 Problem 76 Wie teste ich meine Seiten in einem Textbrowser? Problem 77 Wie teste ich meine Seite mit einem Screenreader? Problem 78 Problem 79 Problem 80 Wie erstelle ich Stylesheets für andere Geräte, wie etwa Screenreader oder WebTV? Wie erstelle ich ein Stylesheet für die Druckausgabe? Wie kann ich meiner Seite alternative Stylesheets hinzufügen? Problem 81 Wie realisiere ich einen Stylesheet-Wechsel? Problem 82 Wie benutze ich alternative Stylesheets, ohne den Code zu duplizieren? Zusammenfassung CSS-Positionierung und -Layout 253 Problem 83 Problem 84 Problem 85 Problem 86 Wie entscheide ich, wann ich eine Klasse und wann ich eine ID benutzen soll? Kann ich ein Inline-Element als Blockelement anzeigen und umgekehrt? Wie setzt CSS die Eigenschaften margin und padding um? Wie kann ich ohne das HTML-Attribut align Text um ein Bild fließen lassen?

7 xix Problem 87 Problem 88 Problem 89 Wie verhindere ich, dass nachfolgende Elemente nach oben rutschen, nachdem ich float verwendet habe? Wie richte ich e am rechten und linken Rand aus, ohne eine Tabelle zu benutzen? Wie bestimme ich die Position eines Elements innerhalb einer Seite mit CSS? Problem 90 Wie zentriere ich einen Block auf der Seite? Problem 91 Problem 92 Problem 93 Problem 94 Problem 95 Wie erstelle ich ein dynamisches, zweispaltiges Layout? Kann ich dieses Layout umkehren und das Menü auf der rechten Seite anzeigen? Wie erstelle ich ein zentriertes, zweispaltiges Layout mit fester Breite? Wie erreiche ich, dass alle Spalten eines Layouts gleich hoch sind? Wie füge ich einen Schlagschatten in mein Layout ein? Problem 96 Wie erstelle ich ein dreispaltiges CSS-Layout? Problem 97 Problem 98 Problem 99 Wie füge ich eine Fußleiste in ein dynamisches Layout ein? Wie erzeuge ich eine Bildergalerie mit Vorschaubildern ohne Tabelle? Kann man mit CSS Boxen mit abgerundeten Ecken erzeugen? Zusammenfassung Index 325

Ähnliche Dokumente

CSS MISSING MANUAL THE MISSING MANUAL. David Sawyer McFarland. Deutsche Übersetzung von Jörgen W. Lang POGUE PRESS" O'REILLT

CSS MISSING MANUAL THE MISSING MANUAL David Sawyer McFarland Deutsche Übersetzung von Jörgen W. Lang POGUE PRESS" O'REILLT Beijing Cambridge Farnham Köln Sebastopol Taipei Tokyo Inhaltsverzeichnis Die