|
Style-Attribute
einzelner HTML-Objekte@ PS-Trainer
|
|
|
|
Style-Attribute
einzelner HTML-Objekte@ PS-Trainer
|
|
| CSS ist die Realisierung der Idee, Formatierung aus der Web-Programmiersprache HTML herauszulösen und ihr als eigenes durchdachtes System in verbesserter Form wieder zur Verfügung zu stellen. | Auf dieser Seite finden sie Angaben, wie einzelne Objekte von Webseiten mit CSS-styles formatiert werden. Das ist eine eher mühsame Anwendung dieser grosszügig angelegten Technik, jedoch als "Ergänzung nach unten" notwendig. Versuchen sie, styles möglichst weitreichend zu definieren, und die hier beschriebene Technik nur als Ausnahme einzusetzen. |
|
Syntax des style-Attributs:
style zählt zu den Universal-Attributen von HTML-Objekten
und daher in fast allen HTML-tags zulässig. Von anderen
Attributen ist es wie üblich durch Leerzeichen getrennt. Das style-Attribut
besteht wie jedes andere aus einem Paar AttName="AttWert",
in diesem Fall style="CSS-Attribute"
Jedes CSS-Attribut
ist durch ; abgeschlossen und damit auch
von anderen CSS-Attributen getrennt. Jedes CSS-Attribut
besteht aus einem Paar CSSName:CSSWert; |
Einige Muster: <p style="color:blue;">Absatz</p> <h1 style="font-size:14pt;"> Grosse Überschrift </h1> <table><tr style="color:red"> <td style="font-weight:bold;"> Tabelle </td> </tr></table> |
| Von diesen Regeln gibt es zwar einige Ausnahmen, das bleibt
jedoch der Spezial-Literatur vorbehalten. Wichtig: Unterscheiden sie zwischen style-Attributen von HTML-Objekten (hier), style-Objekten für einzelne Webseiten und Stylesheets für ganze Webs ! |
|
| Praxis gängiger Web-Editoren:
Leider lässt die Unterstützung von CSS-styles (allerdings nur auf der Ebene einzelner HTML-Objekte !) noch sehr zu wünschen übrig. Die meisten gängigen Programme formatieren weiterhin (ungefragt) mit den veralteten tags, z.B. <font>. Das macht es umständlich, das style-Attribut auf eigenen Webseiten einzusetzen. Zukünftige Versionen beherrschen sicher auch style-Attribute. Rechnen sie jedoch damit, dass sie die Auswahl zwischen veralteter und neuer (CSS)-Formatierung in den Voreinstellungen ihres Web-Editors ändern müssen. |
Ein Weg, der ihnen immer zur Verfügung steht, ist die Quellcode-Ansicht. Wenn sie direkt manuell in den HTML-Code hineinschreiben, dann können sie natürlich jedes beliebige Element von HTML, CSS, usw. einsetzen. Wegen des grossen Aufwands sollten sie das auf wenige Objekte beschränken. Tip: Markieren sie ein Objekt in der normalen Entwicklungs-Ansicht, schalten sie auf Quellcode-Ansicht um: meist ist genau das vorher markierte Objekt auch in dieser Ansicht markiert. |
| Aktuelle Daten dieser Seite | Letzte Änderung: |
|
