[Intro] CSS

Question 1

Was ist die Box Theorie?

Answer 1

-Alle HTML Elemente sind Boxes (Besonders divs und spans)

Question 2

Woraus besteht eine Box der Box Theorie?

Answer 2

-Content (width, height)

-

Question 3

Divs kann man nicht direkt sehen, kann man ihnen CSS Werte zuweisen?

Answer 3

Ja

Question 4

Wie weißt man einem HTML Element etwas zu?

Answer 4

.box {
background-color: dogerblue;
}

Question 5

Was sind die verschiedenen Ebenen der Box Theorie von außen nach innen?

Answer 5

• Margin
• Border
• Padding
• Content

Question 6

Was kann man mit Padding erreichten?

Answer 6

Das der Content einen gewissen Puffer innerhalb eines divs erhält.

Question 7

Was kann man mit Border erreichen?

Answer 7

Das um das Padding herum ein Rand gezogen wird.

Question 8

Was macht das Margin?

Answer 8

Es setzt einen gewissen Puffer um den Border herum.

Question 9

Wie kann man die wahre Höhe einer Box eines divs errechnen?

Answer 9

Content + 2x Padding + 2x Border+ 2x Margin

Question 10

In der Analogie des Bauens eines Hauses, wenn HTML das Fundament, der Beton, Stahl, Holz, Boden, Dach ist, was ist dann das CSS?

Answer 10

Die Farbe und Positione der Fenster, Treppen.

-Es nimmt die Werkstoffe des HTMLs und baut das Haus damit schön.

Question 11

Wie kann man CSS in HMTL Code bekommen?

Answer 11

-

-

Question 12

Wofür steht CSS?

Answer 12

Cascading Stylesheets

Question 13

Was sind die Bestandteile des CSS Syntaxs?

Answer 13

.selector {
property: value;
}

Question 14

Was ist der Selector in CSS?

Answer 14

Er gibt an welches HTML Element wir für unser Umstyling ansprechen wollen.
-Beginnt mit einem . und definiert seinen Bereich über geschweifte Klammern

Question 15

Was ist das Property in CSS?

Answer 15

• Der Name der Regel die auf den Selector/HTML Element angewendet werden soll.
• Erhält einen Value als Wert für die Regel.
• Nach dem Property kommt Doppelpunkt :
• Nach dem Value kommt Simikolon ;

Question 16

Was ist das class=”” Element?

Answer 16

• Gibt einem HTML Element einen Klassennamen
• Kann mehreren Elementen eines divs betreffen
• <div> </div>

Question 17

Was ist das id =”” Element?

Answer 17

• Gibt einem bestimmten HTML Element einen ID-Wert
• Sollte nur ein einziges Element in einem div betreffen
• Ist die spezifische Indexnummer eines Elementes
• <p></p>

Question 18

Wie sieht der Wildcard Selector aus?

Answer 18

• {
  wildcard selector
  }

Question 19

Was macht der Wildcard Selector?

Answer 19

Gibt Eigenschaften für alle Elemente einer HTML Seite an.

Question 20

Warum sollte man einen Wildcard Selector benutzen und allen Eigenschaften einer HTML Seite Werte zuweisen?

Answer 20

-Es wird genutzt um Standard-Browser-Werte zu entfernen wie Font-Sizes

Question 21

Wie sieht der Element Selector aus?

Answer 21

p {
element selector
}

Question 22

Was macht der Element Selector?

Answer 22

-Er gibt allen Elementes des angegebenen Typs eine Regel.

Question 23

Wie sieht der Class Selector aus?

Answer 23

.class {
           class selector
}

Question 24

Was macht der Class Selector?

Answer 24

-Weist allen Elementen mit einem Klassennamen eine Regel zu

Question 25

Wie sieht der ID Selector aus?

Answer 25

#id {
       id selector
}

Question 26

Was macht der ID Selector?

Answer 26

• Ist der spezifischte Selector

- Gibt nur einem einzigen Element was diese ID besitzt eine gewisse Regel

Question 27

Sind Klassennamen Case-Sensitive?

Answer 27

Ja, “pClass” ist nicht gleich “PClass”

Question 28

Warum heißt CSS cascading?

Answer 28

• Weil spezifische Selectoren z.B. ID Selectors mehr beachtet werden
• Weil weiter unter im CSS erwähnte Style-Regeln mehr beachtet werden
• Wichtigstes ist das letzte ganz unten