Anhang - Springer
Anhang - Springer
Anhang - Springer
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