6.2.16 Selbsttest zu Grundlagen der CSS-Formatierung
Welche Aussagen treffen zu?
[ ] Eine Anweisung in einer CSS-Datei besteht aus dem Selektor und der Deklaration.
[ ] Die Deklaration steht vor der geschweiften Klammer.
[ ] Die Deklaration besitzt Eigenschaften und Werte und steht in einer geschweiften Klammer.
[ ] Eine Eigenschaft wird durch einen Doppelpunkt vom Wert getrennt.
[ ] Eine Eigenschaft wird durch ein Gleichheitszeichen vom Wert getrennt.
[ ] HTML-Tags ohne die spitzen Klammern können als Selektoren verwendet werden.
[ ] CSS ist nicht case-sensitive, aber Eigenschaften und Werte sollten immer klein geschrieben werden.
[ ] Wenn man CSS-Anweisungen direkt in HTML-Tags schreibt, dann muss man keinen Selektor angeben.
[ ] Eine CSS-Datei wird als Attribut in den <head>
-Tag eingebunden.
[ ] Eine CSS-Datei wird innerhalb des <head>
-Elements eingebunden.
Lösung
[x] Eine Anweisung in einer CSS-Datei besteht aus dem Selektor und der Deklaration.
[ ] Die Deklaration steht vor der geschweiften Klammer.
[x] Die Deklaration besitzt Eigenschaften und Werte und steht in einer geschweiften Klammer.
[x] Eine Eigenschaft wird durch einen Doppelpunkt vom Wert getrennt.
[ ] Eine Eigenschaft wird durch ein Gleichheitszeichen vom Wert getrennt.
[x] HTML-Tags ohne die spitzen Klammern können als Selektoren verwendet werden.
[x] CSS ist nicht case-sensitive, aber Eigenschaften und Werte sollten immer klein geschrieben werden.
[x] Wenn man CSS-Anweisungen direkt in HTML-Tags schreibt, dann muss man keinen Selektor angeben.
[ ] Eine CSS-Datei wird als Attribut in den <head>
-Tag eingebunden.
[x] Eine CSS-Datei wird innerhalb des <head>
-Elements eingebunden.
Was bedeutet es, wenn Selektoren mit einem Doppelpunkt abgetrennt werden? Beispiel: p:li {color: red;}
[ ] Alle Texte in den HTML-Elementen <p>
und <li>
werden rot dargestellt.
[ ] Alle Texte der HTML-Elemente <li>
werden rot dargestellt, wenn sich diese in einem <p>
-Element befinden.
[ ] Die Abtrennung der Selektoren mit einem Doppelpunkt ist nicht erlaubt.
Lösung
[ ] Alle Texte in den HTML-Elementen <p>
und <li>
werden rot dargestellt.
[ ] Alle Texte der HTML-Elemente <li>
werden rot dargestellt, wenn sich diese in einem <p>
-Element befinden.
[x] Die Abtrennung der Selektoren mit einem Doppelpunkt ist nicht erlaubt.
Was bedeutet es, wenn Selektoren mit einem Komma abgetrennt werden? Beispiel: p, li {color: red;}
[ ] Alle Texte in den HTML-Elementen <p>
und <li>
werden rot dargestellt.
[ ] Alle Texte der HTML-Elemente <li>
werden rot dargestellt, wenn sich diese in einem <p>
-Element befinden.
[ ] Die Abtrennung der Selektoren mit einem Komma ist nicht erlaubt.
Lösung
[x] Alle Texte in den HTML-Elementen <p>
und <li>
werden rot dargestellt.
[ ] Alle Texte der HTML-Elemente <li>
werden rot dargestellt, wenn sich diese in einem <p>
-Element befinden.
[ ] Die Abtrennung der Selektoren mit einem Komma ist nicht erlaubt.
Was bedeutet es, wenn Selektoren mit einem Pluszeichen abgetrennt werden? Beispiel: p + li {color: red;}
[ ] Alle Texte in den HTML-Elementen <p>
und <li>
werden rot dargestellt.
[ ] Alle Texte der HTML-Elemente <li>
werden rot dargestellt, wenn sich diese in einem <p>
-Element befinden.
[ ] Die Abtrennung der Selektoren mit einem Pluszeichen ist nicht erlaubt.
Lösung
[ ] Alle Texte in den HTML-Elementen <p>
und <li>
werden rot dargestellt.
[ ] Alle Texte der HTML-Elemente <li>
werden rot dargestellt, wenn sie direkt auf ein <p>
-Element folgen.
[x] Die Abtrennung der Selektoren mit einem Pluszeichen ist nicht erlaubt.
Was bedeutet es, wenn Selektoren mit einem Leerzeichen abgetrennt werden? Beispiel: p li {color: red;}
[ ] Alle Texte in den HTML-Elementen <p>
und <li>
werden rot dargestellt.
[ ] Alle Texte der HTML-Elemente <li>
werden rot dargestellt, wenn sich diese in einem <p>
-Element befinden.
[ ] Die Abtrennung der Selektoren mit einem Leerzeichen ist nicht erlaubt.
Lösung
[ ] Alle Texte in den HTML-Elementen <p>
und <li>
werden rot dargestellt.
[x] Alle Texte der HTML-Elemente <li>
werden rot dargestellt, wenn sie sich innerhalb eines <p>
-Elements befinden.
[ ] Die Abtrennung der Selektoren mit einem Leerzeichen ist nicht erlaubt.
Welche Aussagen treffen zu?
[ ] Man kann eigene Namen für Selektoren vergeben. Hierbei handelt es sich dann um Style-Selektoren oder Class-Selektoren.
[ ] Man kann eigene Namen für Selektoren vergeben. Hierbei handelt es sich dann um Klassenselektoren oder ID-Selektoren.
[ ] Man kann eigene Namen für Selektoren vergeben. Hierbei handelt es sich dann um Objekte aus dem DOM-Baum.
[ ] Auf ein HTML-Tag mit dem Attribut id
kann man über einen ID-Selektor zugreifen.
[ ] Auf ein HTML-Tag mit dem Attribut style
kann man über einen Style-Selektor zugreifen.
[ ] Auf ein HTML-Tag mit dem Attribut class
kann man über einen Klassenselektor zugreifen.
[ ] Ein HTML-Element kann ID und Klassen gleichzeitig haben. Beispiel: <p id="einleitung" class="hinweis">
.
Lösung
[ ] Man kann eigene Namen für Selektoren vergeben. Hierbei handelt es sich dann um Style-Selektoren oder Class-Selektoren.
[x] Man kann eigene Namen für Selektoren vergeben. Hierbei handelt es sich dann um Klassenselektoren oder ID-Selektoren.
[ ] Man kann eigene Namen für Selektoren vergeben. Hierbei handelt es sich dann um Objekte aus dem DOM-Baum.
[x] Auf ein HTML-Tag mit dem Attribut id
kann man über einen ID-Selektor zugreifen.
[ ] Auf ein HTML-Tag mit dem Attribut style
kann man über einen Style-Selektor zugreifen.
[x] Auf ein HTML-Tag mit dem Attribut class
kann man über einen Klassenselektor zugreifen.
[x] Ein HTML-Element kann ID und Klassen gleichzeitig haben. Beispiel: <p id="einleitung" class="hinweis">
.
Welche Selektoren sind für das folgende HTML-Element korrekt? Beispiel: <p class="intro">
[ ] .p
[ ] .intro
[ ] #intro
[ ] p.intro
Lösung
[ ] .p
[x] .intro
[ ] #intro
[x] p.intro
Wie definieren Sie eine CSS-Regel, die auf alle <h1>
- und <p>
-Elemente zutrifft?
[ ] h1 p {...}
[ ] h1, p {...}
[ ] h1 p {...}
[ ] h1.p {...}
Lösung
[ ] h1 p {...}
[x] h1, p {...}
[ ] h1 p {...}
[ ] h1 .p {...}