Präsentation herunterladen
Die Präsentation wird geladen. Bitte warten
1
CSS
2
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
3
Position von CSS-Stilen
Inline(pro Tag) In Header(pro Datei) Extern in Css-Datei (für mehrere Dateien)
4
CSS – Inline in der Datei
Resultat:
5
CSS in dem <head>-Bereich I
Link Besuchter Link Link unter Mauszeiger Aktiver Link Resultat:
6
CSS in dem <head>-Bereich II
Resultat:
7
Externes CSS-Prinzip I
HTML CSS
8
Externes CSS-Prinzip II
Angabe des Dateinamens als: - x.css (gleicher Ordner) - ../x.css(übergeordnerter Ordner) - Angabe)
9
Externes CSS-Prinzip III
Resultat im Internet Explorer:
10
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
11
Klassen von CSS-Stilen II
Resultat im Internet Explorer:
12
Klassen von CSS-Stilen III
Resultat:
13
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
14
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:
15
Mischen von Klassen mit Nichtklassen
Ähnliche Präsentationen
