Grundlagen Flashcards
(31 cards)
Was bedeutet CSS?
CSS steht für Cascading Style Sheets. Es ist eine Sprache, die verwendet wird, um das Aussehen von Webseiten zu gestalten.
Wie verknüpft man eine CSS-Datei mit einer HTML-Datei?
das <link></link>-Element im <head>-Bereich der HTML-Datei und gebe den Dateinamen und den Speicherort der CSS-Datei an.
Beispiel:
<link rel="stylesheet" type="text/css" href="style.css">
Wie kann man Farben in CSS definieren?
Beispiel:
{ color: red; }
oder { background-color: #000000; }
Wie kann man Schriftarten in CSS definieren?
Beispiel:
{ font-family: Arial, sans-serif; }
Wie kann man die Größe von Texten in CSS ändern?
Beispiel:
{ font-size: 16px; }
Wie kann man Elemente in CSS zentrieren?
Beispiel:
{ text-align: center; }
Wie kann man Bilder in CSS positionieren?
Beispiel:
{ position: absolute; top: 0; left: 0; }
Wie kann man Boxen in CSS stylen?
Beispiel:
{ border: 1px solid black; padding: 10px; margin: 10px; }
Wie kann man Hintergrundbilder in CSS einfügen?
Beispiel:
{ background-image: url("bild.jpg"); }
Wie kann man Links in CSS stylen?
Beispiel:
{ text-decoration: none; color: blue; }
Wie kann man Hover-Effekte in CSS einfügen?
Beispiel:
a:hover { color: red; }
oder
div:hover { background-color: yellow; }
Wie kann man CSS-Selektoren verwenden?
Beispiel:
h1 { color: blue; }
Wie kann man Textausrichtung in CSS ändern?
Beispiel:
text-align: justify;
Wie kann man Boxen in CSS abrunden?
Beispiel:
` { border-radius: 10px; }`
Wie kann man Schriftstile in CSS definieren?
Beispiel:
{ font-style: italic; }
Wie kann man Boxen in CSS in der Größe anpassen?
Beispiel:
{ width: 50%; height: 200px; }
Wie kann man CSS für verschiedene Bildschirmgrößen anpassen?
Beispiel:
@media (max-width: 768px) { /* CSS hier */ }
Wie kann man Hintergrundfarben in CSS definieren?
Beispiel:
{ background-color: #F5F5F5; }
Wie kann man Boxen in CSS in der Position anpassen?
Beispiel:
{ position: relative; top: 10px; left: 20px; }
Wie kann man Schriftfarben in CSS definieren?
Beispiel:
{ color: #333333; }
Wie kann man Texteffekte in CSS einfügen?
Beispiel:
{ text-shadow: 1px 1px 2px #000000; }
Wie kann man Boxen in CSS transparent machen?
Beispiel:
{ opacity: 0.5; }
Wie kann man Abstände zwischen Zeilen in CSS definieren?
Beispiel:
{ line-height: 1.5; }
Wie kann man Boxen in CSS horizontal ausrichten?
Beispiel:
{ margin: 0 auto; }
