zurück Home

CSS, Cascading Style Sheets

Allgemeines

Styles sollen Formatierungen konzentrieren und nach Möglichkeit in eigenen CSS-Dateien separieren. Dadurch sind Formatierungen ganzer Projekte zentral steuerbar. HTML
Integration Integration von Stylesheets
  • embedded Stylesheets
  • linked Stylesheet
  • imported Stylesheet
  • inline Stylesheet
CSS-Datei /* CSS Document, Datei:  normal.css */ Kommentar
.z { Name der Klasse
font-family: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 18px;
FONT-WEIGHT: bold;
text-decoration: none;
color: #000000;
font: georgia;}

.tx1 {
FONT-SIZE: 16px;
FONT-WEIGHT: 500;
text-decoration: none;
color: #000000;
font-family: Georgia, Times New Roman, Times, serif;
font-style: normal;
text-align: left;}
...
Head <link href= "../../../../css/normal.css" rel="stylesheet" type="text/css"> Durch diese Zeile wird die Datei normal.css eingebunden und alle Attribute können innerhalb der HTML-Seite verwendet werden.
Class Durch das Attribut Class können spezielle Styles (hier li4) Texten oder anderen Elementen zugewiesen werden. <td class="li4">CSS-Datei</td>
CSS Scroll Definition eines Fensters, in dem man mit der Maus hoch und herunter scrollen kann.
writing mode Schreibrichtung Bisher nur von Firefox unterstützt horizontal-tb: Top to Bottom, normale Schreibrichtung
vertical-rl: Vertikal von rechts nach links, chinesisch, japanisch, koreanisch vertical-lrVertikal von links nach rechts, mongolisch
sideways-rl: Seitwärts von rechts nach links, arabisch sideways-lr: Seitwärts von links nach rechts.

Quellen

self HTML gute Erklärungen mit Beispielen

developer.mozilla.org: Introduction_to_CSS

Offizielle Referenz des W3C - Konsortiums
http://www.iab.org Internet Architecture Board
http://www.W3.org W3C WWW-Konsortium
http://www.w3.org/PICS
http://www.w3.org/TR/html40/strict.dtd HTML 4, strenge Version
http://www.w3.org/TR/html40/loose.dtdHTML 4, tolerante Version
http://www.w3.org/TR/html40/frameset.dtdHTML 4, Frames
http://www.w3.org/TR/CSS1Cascading Style Sheets, W3C
http://www.W3.org/wai Web Accessibillity Initiative (WAI)W3C, behindertengerechte Websides

Impressum                           Zuletzt geändert am 21.03.2016 18:26