Hinweise
CSS (Cascading Style Sheets)
CSS, die Sprache, dem Browser die Dekorationswünsche mitzuteilen.
Mit CSS schreibst Du der HTML-Seite wie sie aussehen soll. Die CSS-Datei musst Du in der HTML-Datei im Kopfbereich angegeben.
Über CSS kursieren im Internet gefühlt grenzenlos Texte. Schau bei W3shools rein, falls Du dich vertieft in das Thema einarbeiten möchtest. Lieber in Deutsch? Dann gehe zu SELFHTML
Auf meiner Site publiziere ich ab und zu Fundstücke, die ich verwende und nicht auswendig im Kopf habe. Eventuell nützen dir diese Notizen auch. Stylesheets schreibe ich von Hand.
Variablen in CSS sind genau so praktisch wie Konstanten in Programmiersprachen. Du musst sie einmal festlegen und kannst sie mehrmals verwenden.
Für die Satandardtabelle (keine Klasse gewählt) habe ich Anpassungen vorgenommen. Zudem habe ich Klassen gestaltet, die von Fall zu Fall zu verwenden sind. Tabellen sollten per Inline-Style nicht verändert werden, damit die CI-Richtlinien erhalten bleiben.
So sieht die Standardtabelle (keine Klasse gewählt) aus:
| <tr>-Tag | Hinweis |
|---|---|
| Datenzeile 1 <tr> (Standard) | Allgemeiner Text |
| Datenzeile <tr class="I"> | Information |
| Datenzeile <tr class="O"> | OK-Meldung |
| Datenzeile <tr class="W"> | Warnmeldung |
| Datenzeile <tr class="E"> | Fehlermeldung |
| Datenzeile <tr class="H"> | Instruktion, Hilfemeldung |
So sieht die Tabelle <table class="bfy"> linksbündig (Standard) aus:
| Vorname | Name |
|---|---|
| Daniela | Hertz |
| James | Hertz |
Falls die Tabelle zentriert dargestellt werden soll, umschliesse sie mit einem div-Tag <div class="table-container">.
| Vorname | Name |
|---|---|
| Daniela | Hertz |
| James | Hertz |
Falls die Tabelle die gesamte Breite verwenden soll, nimmst du <table class="bfy w100">. Diesen einleitenden Text möchtest Du eventuell mit <p class="j"> im Blocksatz gestalten?
| Vorname | Name |
|---|---|
| Daniela | Hertz |
| James | Hertz |
So sieht die Tabelle <table class="liste"> aus:
| Variable | Wert |
|---|---|
| Erdbeschleinigung | 9.81 ms-2 |
| Höhe | 300 m |
