CSS
Motivation Cascading Style Sheets Man kann Bereiche z.B mit einem <a-Tag mit einer bestimmten Formatierung versehen Später kann man sämtliche Bereiche durch eine einzige Änderung des CSS-Stiles ändern Werden die CSS-Stile extern in CSS-Dateien gespeichert, können sogar durch Änderung eines CSS-Stiles in allen HTML-Dateien, die diesen benutzen, das Layout geändert werden 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)
CSS – Inline in der Datei Resultat:
CSS in dem <head>-Bereich I Link Besuchter Link Link unter Mauszeiger Aktiver Link Resultat:
CSS in dem <head>-Bereich II Resultat:
Externes CSS-Prinzip I HTML CSS
Externes CSS-Prinzip II Angabe des Dateinamens als: - x.css (gleicher Ordner) - ../x.css(übergeordnerter Ordner) - http://abc.com/def/x.css(absolute Angabe)
Externes CSS-Prinzip III Resultat im Internet Explorer:
Klassen von CSS-Stilen I Bis jetzt: Stile wurden z.B. auf alle <p>-Tags übertragen Neu: Klassen von Stilen, so dass z.B. <p>-Tags unterschiedliche Stilrichtungen zugewiesen werden können
Klassen von CSS-Stilen II Resultat im Internet Explorer:
Klassen von CSS-Stilen III Resultat:
CSS-Befehle I font-family: <fontname1>, <fontname2>, <fontname3> font-family: "gill sans", "new baskerville", seriff font-family: helvetica, impact, sans-serif font-size = <size> font-size = 18pt font-size = 12cm font-style: italic font-weight: bold
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: #FFFF66 background-color: #00C72B Weitere Stile finden sich z.B. hier: http://www.zvon.org/xxl/css1Reference/Output/index.html
Mischen von Klassen mit Nichtklassen