Welche Aufgabe übernimmt HTML und welche CSS bei der Webseitengestaltung?
Antwort
HTML (Hypertext Markup Language) dient hauptsächlich zur Strukturierung von Webseiteninhalten.
Es definiert die verschiedenen Elemente einer
Webseite wie Überschriften, Absätze, Bilder, Links usw. HTML legt fest, wie diese Elemente auf der Seite angeordnet sind und wie sie
miteinander interagieren. Es ist die Grundlage jeder Webseite und bildet das Gerüst, auf dem das Design und die Formatierung basieren.
CSS (Cascading Style Sheets) hingegen ist für das Aussehen und das Design einer Webseite verantwortlich. Es ermöglicht es, das Erscheinungsbild von HTML-Elementen zu gestalten, indem es Farben, Schriftarten, Abstände, Größen und andere visuelle Eigenschaften definiert. CSS sorgt dafür, dass eine Webseite ansprechend aussieht, indem es das Layout und das Design steuert, ohne die eigentlichen Inhalte zu ändern.
Kurz gesagt, während HTML die Struktur und den Inhalt einer Webseite definiert, kümmert sich CSS um das Aussehen und das Design, um eine ästhetisch ansprechende und benutzerfreundliche Benutzererfahrung zu schaffen.
Bei der Webseitengest
Zählen Sie 4 verschiedene CSS-Selektoren auf.
Antwort
- Elementselektor: Wählen Sie alle Elemente des angegebenen Typs aus. Zum Beispiel: p wählt alle Absatz-Elemente aus.
- Klassen-Selektor: Wählen Sie alle Elemente mit einer bestimmten Klasse aus. Zum Beispiel: .container wählt alle Elemente mit der Klasse "container" aus.
- ID-Selektor: Wählen Sie ein einziges Element mit einer bestimmten ID aus. Zum Beispiel: #header wählt das Element mit der ID "header" aus.
- Nachbarschafts-Selektor: Wählen Sie ein Element, das direkt nach einem anderen Element erscheint. Zum Beispiel: h2 + p wählt alle Absatz-Elemente aus, die direkt nach einem h2-Element erscheinen.
Was versteht man bei CSS unter "Vererbung"?
Antwort
In CSS erbt ein Element Eigenschaften von seinen Elternelementen, wenn keine spezifischen Regeln dafür festgelegt sind. Das bedeutet, dass ein Kindselement automatisch die Stile seines Elternelements übernimmt, wenn keine expliziten Stile für das Kindselement definiert sind. Das ermöglicht eine konsistente Gestaltung von Elementen innerhalb einer Webseite und erleichtert die Verwaltung von Stilen.
Welchen Vorteil haben externe CSS-Dateien?
Antwort
Externe CSS-Dateien bieten modularisierten Stilcode, vereinfachte Wartung, Caching-Vorteile und verbesserte Performance für effizientes Webdesign.
Es soll eine Klasse mit dem Namen "rot" definiert werden.
Wie muss der Klassenbezeichner in die CSS Datei eingetragen werden?
Antwort
.red {
color: red;
}
Welches Attribut bestimmt die Schriftart?
Antwort
.example {
font-family: Arial, Helvetica, sans-serif;
}
Wie sieht der vom Attribut bestimmte Text aus?
-
Bei 1. font-style: italic?
Antwort
.example {Example
font-style: italic;
}
-
2. background-color: #ffffff?
Antwort
.example {
background-color: #ffffff;
}
Example
-
3. text-decoration: underline?
Antwort
.example {
text-decoration: underline;
}
Example
-
4. font-weight: bold?
Antwort
.example {
font-weight: bold;
}
Example
-
5. color: #000000?
Sie haben in der externen CSS-Datei die h1-Überschrift mit color: #000000 definiert.
Inline wird color: #FF0000 angegeben. Wie sieht Ihr Text aus?Antwort
Example Title
Wenn sowohl in der externen CSS als auch inline im HTML-Code die Farbe für die elemaent definiert ist, wird die Farbe gemäß der Inline-Definition angezeigt. Das liegt daran, dass Inline-Stile Vorrang vor externen CSS-Stilen haben. Das bedeutet, dass der Browser die Anweisungen im HTML-Tag (Inline-Style) über die Anweisungen in der externen CSS priorisiert. Daher würde der Text für die h1-Überschrift die Farbe haben, die im Inline-Style angegeben ist, und nicht die Farbe, die in der externen CSS definiert ist.