CSS Motivation 01 CSS 2 2006 mrbig has
CSS
Motivation 01 - CSS - 2 © 2006 mrbig. has. it n Cascading Style Sheets n Man kann Bereiche z. B mit einem <a-Tag mit einer bestimmten Formatierung versehen n Später kann man sämtliche Bereiche durch eine einzige Änderung des CSS-Stiles ändern n Werden die CSS-Stile extern in CSS-Dateien gespeichert, können sogar durch Änderung eines CSS-Stiles in allen HTML-Dateien, diesen benutzen, das Layout geändert werden n Es können Dinge gemacht werden, die mit HTML nicht möglich sind z. B. den Hintergrund von Textteilen färben
Position von CSS-Stilen Inline(pro Tag) In Header(pro Datei) Extern in Css-Datei (für mehrere Dateien) 01 - CSS - 3 © 2006 mrbig. has. it
CSS – Inline in der Datei Resultat: 01 - CSS - 4 © 2006 mrbig. has. it
CSS in dem <head>-Bereich I 01 - CSS - 5 Link Besuchter Link unter Mauszeiger Aktiver Link Resultat: © 2006 mrbig. has. it
CSS in dem <head>-Bereich II Resultat: 01 - CSS - 6 © 2006 mrbig. has. it
Externes CSS-Prinzip I HTML CSS 01 - CSS - 7 © 2006 mrbig. has. it
Externes CSS-Prinzip II Angabe des Dateinamens als: - x. css (gleicher Ordner) -. . /x. css(übergeordnerter Ordner) - http: //abc. com/def/x. css(absolute Angabe) 01 - CSS - 8 © 2006 mrbig. has. it
Externes CSS-Prinzip III Resultat im Internet Explorer: 01 - CSS - 9 © 2006 mrbig. has. it
Klassen von CSS-Stilen I 01 - CSS - 10 n Bis jetzt: Stile wurden z. B. auf alle <p>-Tags übertragen n Neu: Klassen von Stilen, so dass z. B. <p>-Tags unterschiedliche Stilrichtungen zugewiesen werden können © 2006 mrbig. has. it
Klassen von CSS-Stilen II Resultat im Internet Explorer: 01 - CSS - 11 © 2006 mrbig. has. it
Klassen von CSS-Stilen III Resultat: 01 - CSS - 12 © 2006 mrbig. has. it
CSS-Befehle I font-family: <fontname 1>, <fontname 2>, <fontname 3> font-family: "gill sans", "new baskerville", seriff font-family: helvetica, impact, sans-serif font-size = <size> font-size = 18 pt font-size = 12 cm font-style: italic font-weight: bold 01 - CSS - 13 © 2006 mrbig. has. it
CSS-Befehle II text-decoration: underline|overline|line-through|blink|none text-decoration: underline text-decoration: overline text-decoration: none background-color = <color> background-color: #FFFF 66 background-color: #00 C 72 B © 2006 mrbig. has. it Weitere Stile finden sich z. B. hier: http: //www. zvon. org/xxl/css 1 Reference/Output/index. html 01 - CSS - 14
01 - CSS - 15 Mischen von Klassen mit Nichtklassen © 2006 mrbig. has. it
- Slides: 15