U S E R - A R C H I V

Seite: Arbeitshilfe: CSS-Referenzen und Informationen über CSS - Cascading Style Sheets

Diese Seite dient als Arbeitshilfe für Webworker zum Thema CSS - Referenzen und Links

Liste der generischen Familien nach W3C

Typische Fehlermeldung beim Validieren:

Zeile : 9 font-family: Es wird empfohlen, daß Sie eine generische Familie als letzte Alternative angeben

Beispiel für die korrekte Notation:   

font-family: Arial, Helvetica, sans-serif;

Vollständige Liste der generischen Familien nach W3C:

* serif
* sans-serif     (beachte Bindestrich)
* cursive
* fantasy
* monospace



CSS auf SELFHTML

Kapitel CSS auf  SELFHTML


Unterkapitel:


Aufsätze  zu CSS auf SELFHTML:

Listen automatisch mit hybrider Nummerierung formatieren - Listen automatisch mit hybrider Nummerierung formatieren
Stylesheet für ein Drucklayout - Erstellung eines Druck-Layouts mittels Stylesheets
Angepasste Inhalte für mobile Endgeräte - Maßnahmen zur Erkennung mobiler Endgeräte und dessen Ansprache über angepasste Inhalte.
Browserweiche - Ausschluss mangelhafter Browser - Wie man für mangelhafte Browser unter Verwendung einer CSS-Weiche eigene Stylesheets definiert.
Footer aller Art - feststehende Elemente realisieren - Feststehende Elemente mit position:fixed und Workarounds realisieren
Runde und andere Ecken - Erstellung skalierbarer abgerundeter Ecken mit CSS und Hintergrundgrafiken.
Infobox - Zusatzinformationen unter Verwendung von Pseudoformaten ein- und ausblenden.
Mouseover-Buttons und -Effekte mit CSS - Mouseover-Buttons und -Effekte mit CSS
Ausrichtung von Block-Level-Elementen - Horizontale Position von Block-Level-Elementen festlegen
Option-Elemente mit einer Grafik hinterlegen - Wie man Auswahllisten mit Grafiken hinterlegen kann

CSS4You - alphabetisch sortierte Liste der einzelnen Style Sheets

Deep-Link-Liste aus der CSS-Referenz von CSS4You (www.css4you.de), eines hervorragenden Kompendiums zum Thema CSS
:active
:after
:before
:first-child
:first-letter
:first-line
:focus
:hover
:lang
:link
:visited
azimuth
background
background-attachment
background-color
background-image
background-position
background-repeat
border
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-collapse
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width
bottom
caption-side
clear
clip
color
content
counter-increment
counter-reset
cue
cue-after
cue-before
cursor
direction
display
elevation
empty-cells
float
font
font-family
font-size
font-style
font-variant
font-weight
height
left
letter-spacing
line-height
list-style
list-style-image
list-style-position
list-style-type
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
max-width
min-height
min-width
orphans
outline
outline-color
outline-style
outline-width
overflow
padding
padding-bottom
padding-left
padding-right
padding-top
page-break-after
page-break-before
page-break-inside
pause
pause-after
pause-before
pitch
pitch-range
play-during
position
quotes

R

richness
right
scrollbar-3dlight-color
scrollbar-arrow-color
scrollbar-base-color
scrollbar-darkshadow-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-track-color
speak
speak-header
speak-numeral
speak-punctuation
speech-rate
stress
table-layout
text-align
text-decoration
text-indent
text-transform
top
unicode-bidi
vertical-align
visibility
voice-family
volume
white-space
widows
width
word-spacing
z-index

CSS4you - Stichwortverzeichnis zu css4you.de

Das Stichwortverzeichnis zum gesamten css4you-Kompendium, also auch zur gesamten (downladbaren) Website. Nicht zu verwechseln mit der Liste der Style-Sheets selbst.
Abgerundeten Ecken
Abschnitte eines Dokuments mit formatieren
Abstand zum Listensymbol
Anführungszeichen
Anzeigeart
Attributabhängige Selektoren
Aufbau der Stylesheet-Angabe
Aufzählungsgrafik
Aufzählungszeichen
Ausrichtung (Text)
Ausschnitt
Außenabstand
Außenabstand links
Außenabstand oben
Außenabstand rechts
Außenabstand unten
Aussprache
Aussprache von Satzzeichen
Aussprache von Tabellenköpfen
Aussprache von Zahlen
Besuchter Link
Block-Elemente
Blocksatz (Textausrichtung)
Boxmodell
class-Selektor
Conditional Comments
CSS-Datei
Cursor
Das erste "Kind"
Das erste Zeichen einer Zeile
Design ohne Tabellen
Die erste Zeile in einem Absatz
Dreispaltiges Layout
Eltern-Elemente
Externe Stylesheet-Datei
Farbe
Farbige Formularelemente
Fokus
Großschreibung
Hintergrund
Hintergrund fixieren
Hintergrund wiederholen
Hintergrundbild
Hintergrundbild positionieren
Hintergrundfarbe
Hintergrundsound
Höhe
Horizontal Ausrichtung
Hover-Effekt
Hurenkinder (Witwen)
Hyperlink

I

ID-Selektor
Inherit
Inline-Elemente
Innenabstand
Innenabstand links
Innenabstand oben
Innenabstand rechts
Innenabstand unten
Internet Explorer Eigenschaften
Kapitälchen
Kind-Elemente
Klang nach einem Element
Klang vor einem Element
Klang vor und nach einem Element
Kommentare in Stylesheet Bereichen
Kontur
Konturbreite
Konturfarbe
Konturstil
Laufweite
Lautstärke
Layouten ohne Tabellen
Leere Zellen
Linksbündig (Textausrichtung)
Listen
Listenzeichen einrücken
Maximale Breite
Maximale Höhe
Mehrfache Deklaration
Minimale Breite
Minimale Höhe
Mouseover-Effekt
Mozilla-Eigenschaften
Nach einem Element
Pause nach einem Element
Pause vor einem Element
Pause vor und nach einem Element
Position links
Position oben
Position rechts
Position unten
Positionsart
Rahmen
Rahmen oben
Rahmen unten
Rahmen unten
Rahmen unten
Rahmenart
Rahmenart oben
Rahmenart unten
Rahmenart unten
Rahmenart unten
Rahmenbreite
Rahmenbreite oben
Rahmenbreite unten
Rahmenbreite unten
Rahmenbreite unten
Rahmenfarbe
Rahmenfarbe oben
Rahmenfarbe unten
Rahmenfarbe unten
Rahmenfarbe unten
Räumlischer Effekt horizontal
Räumlischer Effekt vertikal
Rechtsbündig (Textausrichtung)
Schreibrichtung
Schrift
Schriftfamilie
Schriftgewicht
Schriftgröße
Schriftgröße anpassen
Schriftstil
Schusterjungen
Seitenumbruch innerhalb von Elementen
Seitenumbruch nach Elementen
Seitenumbruch vor Elementen
Selektor: class
Selektor: ID
Selektor: Typ
Selektoren
Selektoren: Attributabhängig
span-Tag
Sprache
Sprechgeschwindigkeit
Sprechhast
Stimmengewalt
Stimmenlage
Stimmentyp
Stimmenumfang
style
Stylesheet-Angabe: Aufbau
Stylesheets
Stylesheets: In einer externen Datei auslagern
Stylesheets: Zentral im Dokument deklarieren
Tabellenlayout
Tabellenloses Design
Tabellenrahmen
Tabellenrahmenabstände
Tabellenüberschrift
Text einfügen
Text umfließen
Text umfließen beenden
Textdekoration
Texteinrückung
Textschatten
Textumbruch
Transparente Bilder
Typ-Selektor
Überlappung
Überlauf
Universal-Selektor
Unsichtbar
Vererbung
Verschachtelte Selektoren
Vertikale Ausrichtung
Vertikale Ausrichtung
Vor einem Element
Vordergrundfarbe
Witwen (Hurenkinder)
Wortabstand
Zähler inkrementieren
Zähler resetten
Zeichenabstand
Zeilenhöhe
Zentriert (Textausrichtung)
Zweispaltiges Layout

W3C Homepage: CSS-Selektoren

http://www.w3.org/TR/2001/CR-css3-selectors-20011113

Tabellarische Übersicht über CSS-Kompatibilität der einzelnen Browser

Deep-Links zur Tabelle auf richinstyle.com

Anmerkung: Auf richinstyle.com findet man auch  umfangreiche Bugsammlungen, sortiert nach Browser



Linked style sheets
Alternate style sheets
STYLE
@import (without media)
@import (with media)
Media type - screen
Media type - all
Media type - print
Media attribute on LINK
@media
Inline style

Application of styles to pages

The universal selector (*)
Class
Multiple classes
IDs
ID and class case-sensitivity
:link
:visited
:active
:hover
:focus
Multiple pseudo classes (e.g., A:link:hover)
:first-line
:first-letter
Does :pseudo.class work? (or only .class:pseudo) :first-child
:lang(x)
'Attribute set' selector; e.g., [title]
'Attribute is' selector; e.g., [title=x]
'Attribute @includes' selector; e.g., [title~=a]
Dash match selector; e.g., [lang|=en]
The descendant combinator ( )
The child combinator (>)
The adjacent sibling combinator (+)

Key concepts

SGML comments (<-- -->)
@charset
Comments (/* */)
Character escapes (\)
Inherit
!important
Order sorting of rulesets
Do the HTML and BODY selectors it work if their opening tags are omitted? Use of HTML selector Use of NOSCRIPT element in HTML

Units

 

Em
Ex
In, mm, cm, px, pt, pc

 

Color and background

 

Color referencing methods

3 or 6 digit hexadecimal format (#fff or #ffffff)
Rgb percent format ( rgb(100%, 0%, 100%) )
Rgb decimal format ( rgb(255, 16, 39) )
CSS named colors (e.g., red) Non-css named colors (e.g., aliceblue) UI colors (e.g., appworkspace)

Background concepts

Background attachments
Background colors
Background colors - transparent
Background images - url()
Background images - none
Background positions
Background repeats - BODY, HTML
Background repeats - TABLE, TD, TH
Background repeats - other elements
Canvas backgrounds - different on BODY and HTML

Background and color properties - supported, subject to the bugs above, or extra bugs?

Background
Background-attachment
Background-color
Background-image
Background-position
Background-repeat
Color

Font properties

Font concepts

UI fonts - all names
UI fonts - caption, icon, menu
UI fonts - message-box, status-bar, small-caption
UI fonts - messagebox, statusbar, smallcaption
Font families - named fonts that lack the normal (a-z, A-Z, 0-9, etc.) glyphs (e.g., WingDings)
Font families - named fonts that do contain the normal (a-z, A-Z, 0-9, etc.) glyphs (e.g., Arial)
Font families - alternate font lists (e.g., font: 16px Arial, sans-serif)
Font families - quoting of fonts (e.g., font-family: "Times New Roman")
Font families - serif
Font families - sans-serif
Font families - monospace
Font families - cursive
Font families - fantasy
Font sizes - cm, mm, in, px, pt, pc Font sizes - %, em
Font sizes - smaller
Font sizes - larger
Font sizes - keywords (xx-small to xx-large)
Font size adjustment
Font weights - 100 to 900
Font weights - bold
Font weights - normal
Font weights - bolder
Font weights - lighter
Font variants - small-caps
Font variants - normal
Font stretching
Font styles - normal
Font styles - italic
Font styles - oblique
Line heights - all units
Line heights - (e.g., 1.2)
Line heights - normal
Line heights - %
Line heights - em Line heights - pt, pc, cm, mm, in Line heights - px

Font properties - supported subject to the bugs above, or additional bugs?

Line-height
Font-family
Font-style
Font-size
Font-size-adjust
Font-stretch
Font-style
Font-variant
Font-weight
Font

Text properties

Text-align - left, right, center
Text-align - justify
Text-decoration - all values
Text-decoration - underline, line-through
Text-decoration - overline
Text-decoration - blink
Text-decoration - multiple values (e.g., t-d: line-through blink)
Text-indent - all units
Text-indent - %
Text-indent - other units
Text-shadow
Text-transform - all values
Text-transform - all values: accented characters

Amazon: Bücher zum Thema CSS

Tipp: Nutzen Sie die System der Kundenbewertungen von Amazon

Produkte - Preisvergleich



Linktipps

Einkaufen

Internet-Einkaufszentrum

Computer, Elektronik

Freizeit, Sport, Fitness

Mobilfunk, Handy

Apple iPhone

Mobilfunk Handytarife

Fotografie

Filmen

Rund um's Auto

Mehr? Sieh selbst:

Verbraucherschutz

Verbrauchermagazin

Nachrichten

Stiftung Warentest

Ökotest

Verbraucherschutz-Ministerium

Wer ist unter uns?



Bücher




Software


Nutzen Sie die Vorteile beim Softwarekauf Über Amazon: Software wird von Kunden bewertet - günstiges Versandkostensystem - Amazon ist zuverlässig





Handy/Telefon


O2 Inklusiv Pakete Online

Empfehlung: Top-Services

Kredite und Finanzierung

Tagesgeld und Girokonten

Partnersuche

Reisen

Hotelsuche

Handytarif-Vergleich

Stromtarif-Vergleich

Gastarif-Vergleich

Internet Flatrate Vergleich

Versicherungsvergleich

Immobilien

Verbraucherschutz



TERRE DES LANGUES e.V. - 25 Jahre Erfahrung in Sprachreisen, Schuljahresaufenthalte, Highschool-Years und Gastfamilienaufenthalte


www.user-archiv.de (seit 1999)