Title: CSS
Course: eTapas 2014/15

Q: Sie haben folgendes HTML-Dokument:

<html>

<head>

<title>Meine Seite</title>

<style type="text/css">

#navi { position: fixed; top: 50px; left: 10px; width: 150px; }

#headline { position: relative; bottom: 0px; width: 100%; }

#icon { position: [...]; right: [...]px; [...]: 0px; }

</style>

</head>

<body>

<div id="navi">

<div id="headline">

<img id="icon" src="icon.gif">

</div>

</div>

</body>

</html>

Vervollständigen Sie die Stylesheets, sodass das Icon sich in der rechten oberen Ecke des Containers "Navi" befindet!
A: fixed / absolute; 0; top
Gap 1 offers: fixed; absolute; relative; static

Q: Benennen Sie in der folgenden CSS-Zeile die einzelnen Bestandteile:

h1 | { | font-size: | 1em; | }
⇓ |  | ⇓ | ⇓ |
[...] |  | [...] | [...] |
A: Selektor / Selector; Attribut; Wert
Gap 2 offers: Attribut; Wert; Signatur; Wähler; Eigenschaft
Gap 3 offers: Attribut; Wert; Signatur; Wähler; Eigenschaft

Q: Geben Sie bei den folgenden Szenarien an, ob Sie HTML oder CSS zur Lösung benutzen:
- Element als Absatz formatieren | HTML
- Titel einer Seite setzen | HTML
- Codierung einer Seite auf UTF-8 setzen | HTML
- Aufzählung erstellen | HTML
- Hintergrund eines Absatzes setzen | CSS
- Überschrift rechtsbündig setzen | CSS
- Rahmenlinie unter Überschriften definieren | CSS
- Aufzählungspunkte einer Aufzählung ausblenden | CSS