08.09.2013 Aufrufe

Anhang - Springer

Anhang - Springer

Anhang - Springer

MEHR ANZEIGEN
WENIGER ANZEIGEN

Erfolgreiche ePaper selbst erstellen

Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.

. p {font-family: Arial;}<br />

* {background-color:<br />

#FFFFFF;}<br />

.rot {color: red;}<br />

#fett {font-weight: bold;}<br />

a:link {text-decoration:<br />

none;}<br />

5 Rangfolge von Selektoren kennen<br />

• 1. Absatz: blau (Individualformat vor<br />

Klasse vor HTML-Element)<br />

• 2. Absatz: grün (lokales Stylesheet<br />

vor Individualformat)<br />

• 3. Absatz: silber (HTML-Element vor<br />

Universalselektor)<br />

• 4. Absatz: rot (nur Universalselektor)<br />

6 Maßeinheiten kennen<br />

a. Absolute Maßeinheiten sind feste,<br />

unveränderliche Angaben (sieht man<br />

davon ab, dass ein Pixel in Abhängigkeit<br />

von der Monitorauflösung<br />

durchaus unterschiedlich groß ist).<br />

Relative Maßeinheiten beziehen sich<br />

auf die in den Browsereinstellungen<br />

gemachten Angaben.<br />

b. Absolut: mm, cm, pt, (px)<br />

Relativ: em, ex, (px)<br />

c. Relative Angaben besitzen den<br />

Vorteil, dass der Nutzer entscheiden<br />

kann, wie die Inhalte der Website<br />

dargestellt werden. So können z. B.<br />

Menschen mit Sehschwäche eine<br />

größere Grundschrift wählen.<br />

7 Farben angeben<br />

Geben Sie die Farbe an:<br />

a. Rot<br />

b. Grau<br />

c. Cyan<br />

d. Gelb<br />

e. Hellgrün<br />

f. Dunkelblau<br />

8 CSS-Eigenschaften kennen<br />

a. font-family<br />

b. letter-spacing<br />

c. font-size<br />

d. color<br />

e. line-height<br />

f. text-decoration<br />

g. text-indent<br />

h. text-align<br />

9 Text formatieren<br />

Lösung zu a. und b.<br />

<br />

<br />

<br />

CSS<br />

<br />

* {font-family: Verdana}<br />

body {margin:20px;<br />

background-color:#EDEDED;<br />

}<br />

h1 {font-size:14px;<br />

color:#0000cc;<br />

font-weight:bold;<br />

}<br />

p {font-size:11px;<br />

color: #000000;<br />

}<br />

table,td{<br />

border-collapse:collapse;<br />

font-size:11px;<br />

background-color:#99ccff;<br />

color:#000000;<br />

padding:5px;<br />

}<br />

#kopfzeile{<br />

background-color:#3300cc;<br />

Lösungen<br />

1079

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!