Unterrichtsmaterial CSS - Visuelle Referenz - 6/7

pdf-Arbeitsblatt

CSS (Cascading Style Sheets) - Visuelle Referenz - 6/7

 > alle interaktiven Online-Übungen, Rätsel, Aufgaben, Tests & Quiz

Informationen

Einreihung im Stoffplan bzw. im Lehrplan der Schule

Typ :Kopiervorlage

Format :pdf-Dokument

Fach :Informatik
Lektionsreihe :Web-Design (Web-Publishing)
Stufe :Sekundarstufe 1, Realschule, Sekundarschule, Hauptschule
Klasse :9. Klasse, 3. Oberstufe

Vorschau

Musterblatt für die Schüler und SchülerInnen und als Kopiervorlage für die Lehrerin oder den Lehrer in einer
pdf-Datei

(www.allgemeinbildung.ch bietet neben den interaktiven Übungen auch viele kostenlose Arbeitsblätter, Kopiervorlagen, Tafelbilder und Multimedia-Präsentationen als Unterrichtsmaterial für die Primarschule (Unterstufe, Mittelstufe), die Sekundarschule (Oberstufe, Hauptschule), die Gesamtschule und die Mittelschule (Gymnasium) zum gratis Download bzw. als Freeware an)
 

Transkript

Rohfassung der Texte des Vorlagenblattes

Visuelle Referenz - CSS 2.0 mit Frontpage 2000 Seite 6 / 7 © 2009 www.allgemeinbildung.ch

CSS : Pseudo-Formate & Seitenlayout

CSS : Pseudo-Format

Erste Absatzzeile in Fliesstexten :firstline3

Erster Absatzbuchstabe in Fliesstexten :firstletter3

Text einfügen vor oder nach einem Element (entweder fixe oder variable Textangabe) :before {content:"..."}3

:after {content:"..."}3

Verweise (Farbe wird immer, andere Angaben kaum interpretiert) a:link - a:visited - a:active2

CSS : Tabellen 3

Zellen über mehrere Spalten erstrecken column-span:2(3/4/...) Zellen über mehrere Zeilen erstrecken row-span:2(3/4/...) Position einer Überschrift oder Unterschrift caption-side: topleft/top/topright/ bottomleft/bottom/bottomright Sprachausgabe der Kopfzelleninhalte : immer / nur einmal speak-header-cell:always/once

CSS : Spalten 3

Anzahl der Spalten (i.Ggs. zu Blindtabellen durchgehender Fliesstext) columns:3(4/2) Abstand zwischen den Spalten column-gap:10px(in/cm/pt) Trennstrich-Dicke column-rule-width: 2px(in/cm/pt) Trennstrich-Typ column-rule-style: [siehe border] solid/dotted/dashed/double/ groove/ridge/inset/outset Trennstrich-Farbe column-rule-color:#CC3300 Trennstrich-Angaben mischen column-rule:dotted 3px #3366CC

CSS : Seitenlayout 3 @page {}

Seitengrösse (Seitenbreite Seitenhöhe) size:21.0cm 29.7cm Normaleinstellungen (automatisch, quer-, hochkant) size:auto/landscape/portrait Seitenränder einzeln definieren margin-top/-right/-bottom/left: Seitenränder für alle Seiten gleich margin:2.0cm Satzspiegel-Marken (keine, Schnitt-, Register-Marken) marks:none/crop/cross/crop cross Linke und rechte Seiten unterschiedlich gestalten @page :left {} / @page :right {}

CSS : Kopf- & Fusszeilen 3

Kopfzeilenbereich gestalten @page :header {} Fusszeilenbereich gestalten @page :footer {} Beispiel: Kopfzeilenbereich nur für alle linken Seiten @page :left :header {} Inhalt der Kopf- /Fusszeile im linken/mittleren/rechten Bereich content:[links],[Mitte],[rechts] Variable Textteile für Kopf- & Fusszeilen (nur Beispiel wie Seitennummer, running-head-Definitionen) [für die genaue Syntax siehe Münz, S. 407] url/ date/ decimal(pageno)/ upper- roman(pages)/ first(title)/ last(section)/ previous(chapter) Definitionen für laufende Kopf- & Fusszeilen im Seitentext running-head: title/chapter/section/none

CSS : Seitenumbruch

Seitenumbruch vor / nach einem Element page-break-before/-after2 : always/avoid[nie]/left[nur auf linken Seiten]/right/auto Anzahl Zeilen im Absatz auf der letzten Seite vor dem Umbruch orphans3 :3 [kein "Schusterjunge"] Anzahl Zeilen im Absatz auf der ersten Seite nach dem Umbruch widow3 :4 [kein "Hurenkind"]  383  399  402  405  409  385

q_CSS_VisuelleReferenz_06.pdf

Homepage Allerlei Biologie Chemie Deutsch Englisch Französisch Geografie Geschichte Informatik Italienisch Kunst Latein Mathematik Physik Religion Spanisch Sport & Spiel