Unterrichtsmaterial CSS - Visuelle Referenz - 5/7

pdf-Arbeitsblatt

CSS (Cascading Style Sheets) - Visuelle Referenz - 5/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 5 / 7 © 2009 www.allgemeinbildung.ch

CSS : Positionierung

CSS > POSITION

1 float: none/left/right [nur zusammen mit width] clear: none/left/right/both [Umfluss float abbrechen] 2 position: static/absolute/relative/ fixed3

3 left: 44px(in/cm/em/pt/%)/auto right3 : 11px(in/cm/em/pt/%)/auto 4 width: 150px(in/cm/em/pt/%)/auto min-width: max-width3 : 5 top: 29px(in/cm/em/pt/%)/auto bottom3 : 69px(in/cm/em/pt/%)/auto 6 height: 310px(in/cm/em/pt/%)/auto min-height: max-height3 : 7 z-index: 4 (3/1) [für Überlagerung von Elementen, 1 = ganz unten]

CSS : Optionen zur Positionierung

Verhalten für ein inneres Element, das grösser ist als sein übergeordneter Bereich overflow3 : visible/hidden/scroll/auto Angabe der Richtung beim CSS overflow direction3 :ltr[left to right]/rtl Platzhalter für Elemente (v.a. in Kombination mit dem CSS visibility) display3 : block [eigener Absatz]/inline [im Text]/none/list-item[Aufzählung] Sichtbarkeit eines Elements zu Beginn visibility2 :hidden/visible Anzeigebereich eines absolut positionierten Elements auf ein definiertes Rechteck einschränken clip:rect(10px 120px 150px auto) [oben rechts unten links]  388  394

q_CSS_VisuelleReferenz_05.pdf

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