CSS lernen einfach und schnell
iPhone Taschen, Hüllen und Cases im GÖTTERLUST Shop

ABCDE
Absolute und relative Maße
Abgerundete Ecken
Anordnung
@font-face
background-attachment
background-position
border-radius
box-shadow
cm (Zentimeter)
Color
Contextual Selectors
CSS Formatierungen
CSS-Sprites
Definition mehrerer Tags
Drehen
Ebenen / Layer
Ecke / Eckenrundung
Einbindung CSS
em
ex
Externe CSS-Datei
FGHIJ
Farben
Farbcodes
Farbnamen
Farbverlauf
Fixierter, fester Hintergrund
font-face
Gradient
Grundlagen
Hintergrundbild
Hintergrundbild Positionierung
Hover-Effekt über Hintergrundbild
IDs
in (Inch)
Interne CSS-Datei
KLMNO
Klassen
Klassifizierung
Kombiniertes Transformieren
Layer / Ebenen
Listen
Neigen
nth-child()
PQRST
pc
Position
Positionierung Hintergrundbild
Pseudo-Selektor :nth-child()
pt (Pica)
px (Pixel)
Rahmen Formatierung
Reihenfolge von Elementen
Relative und absolute Maße
repeat Möglichkeiten
Runde Ecken
Schatten / Schatteneffekt
Schatten für Texte
Schriftformatierung
Scrollbarer Hintergrund
Sichtbarkeit
Sprites
Stylesheet
Texteffekte
Textfluss
Textgestaltung
Textschatten
transform:rotate
transform:skew
transform:translate

UVWXYZ
Überhängende Inhalte
Übereinander liegende Elemente
Vererbung
Verlauf / Verläufe
Verschieben
Web Fonts
Wiederholung vom Hintergrundbild
z-index
% (Prozent)



Farben, Color, Farbnamen und Farbcodes

Farben werden in CSS entweder durch die Englischen Farbnamen oder durch die Definition der sRGB-Werte definiert, mit Hilfe von hexadezimalen Zahlen.

Farbgebung mit Hilfe von Farbnamen

Die folgenden Farben werden von allen Browsern erkannt und in CSS durch "color" definiert: aqua, gray, navy, silver, black, green, olive, teal, blue, lime, purple, white, fuchsia, maroon, red, yellow

Beispiel - Definition in css

div.farbname {
background-color:aqua;color:aqua;
background-color:lime;color:lime;
background-color:black;color:black;
background-color:magenta;color:magenta;
background-color:blue;color:blue;
background-color:red;color:red;
background-color:cyan;color:cyan;
background-color:white;color:white;
background-color:fuchsia;color:fuchsia;
background-color:yellow;color:yellow;
}

Und so schaut es aus

  aqua   lime
  black   magenta
  blue   red
  cyan   white
  fuchsia   yellow



Farbgebung mit Hilfe von hexadezimalen Zahlen

In CSS werden Farben im sRGB-Farbraum als hexadezimale Zahlen angegeben z.B. "color:#ff0000;"" beschreibt die Farbe "Rot".

Beispiel - Definition in css

div.hexfarben {
background-color:#000000;color:#000000;
background-color:#808080;color:#808080;
background-color:#005ba6;color:#005ba6;
background-color:#00c621;color:#00c621;
background-color:#626b00;color:#626b00;
background-color:#f50073;color:#f50073;
background-color:#7c0066;color:#7c0066;
background-color:#e4e700;color:#e4e700;
background-color:#ff0000;color:#ff0000;
background-color:#ff7800;color:#ff7800;
}

Und so schaut es aus

  #000000   #808080
  #005ba6   #00c621
  #626b00   #f50073
  #7c0066   #e4e700
  #ff0000   ff7800

Verschaff Dir einen Überblick

Wissenswertes, Hilfestellung und Lösungen rund um das Thema CSS:

A

Absolute und relative Maße
Abgerundete Ecken
Anordnung

B

background-attachment
background-position

C

cm (Zentimeter)
Color
Contextual Selectors
CSS Formatierungen
CSS-Sprites

D

Definition mehrerer Tags

E

Ebenen / Layer
Ecke / Eckenrundung
Einbindung CSS
em
ex
Externe CSS-Datei

F

Farben
Farbcodes
Farbnamen
Farbverlauf
Fixierter, fester Hintergrund

G

Gradient
Grundlagen

H

Hintergrundbild
Hintergrundbild Positionierung
Hover-Effekt über Hintergrundbild

I

IDs
in (Inch)
Interne CSS-Datei

K

Klassen
Klassifizierung

L

Layer / Ebenen
Listen

P

pc
Position
Positionierung Hintergrundbild
pt (Pica)
px (Pixel)

R

Rahmen Formatierung
Reihenfolge von Elementen
Relative und absolute Maße
repeat Möglichkeiten
Runde Ecken

S

Schriftformatierung
Scrollbarer Hintergrund
Sichtbarkeit
Sprites
Stylesheet

T

Textfluss
Textgestaltung

U

Überhängende Inhalte
Übereinander liegende Elemente

V

Vererbung
Verlauf / Verläufe

W

Wiederholung vom Hintergrundbild

Z

z-index

Sonstiges

% (Prozent)


CSSlernen.net ist ein Projekt der Full-Service Internetagentur kirchbergerknorr aus München

kirchbergerknorr indiviuelle internetloesungen
kirchbergerknorr - individuelle internetlösungen
Pilgersheimer Straße 64
81543 München

Tel: 089 - 67 972 830
Website: www.kirchbergerknorr.de
Magento Spezialist

Magento E-Commerce

Erfolgreiche, individuelle Online- Shop Lösungen mit Magento.
» Jetzt mehr erfahren ...

TYPO3 Spezialist

CMS mit TYPO3

Professionelle Unternehmenswebseiten mit dem CM-System TYPO3.
» Jetzt mehr erfahren ...

DIN EN ISO 9001 200 zertifiziert

Zertifizierte Qualität

Sie erhalten zertifizierte Qualität, zuverlässig und professionell!
» Jetzt mehr erfahren ...

google Analytics qualified

google analytics qualified

Für Ihren langfristigen Erfolg bieten wir moderne und zielgerichtete Vermarktung.
» Jetzt mehr erfahren ...


Mitgliedschaften, Zertifikate und Kernkompetenzen von kirchbergerknorr:

kirchbergerknorr ist DIN EN ISO 9001 zertifiziert Mitglied im Bundesverband digitale Wirtschaft (BVDW) e.V. Webanalyse mit Google Analytics sQuibbl ist unter den 30 Top Shops des Shop Usability Awards Ausgezeichnet mit dem Media Award 2011 Erfolgreiche Web-Shop Lösungen mit Magento Commerce Mit der TYPO3 Agentur kirchbergerknorr erfolgreiche Internetauftritte realisieren kirchbergerknorr hat zertifzierte und zuverlässige TYPO3 Spezialisten Regelmäßige Prüfung des Qualitätsmanagementsystems von kirchbergerknorr durch Ingenieurbüro Bernd Hölle GmbH