[S1L1] User Interfaces 1 Flashcards
-Semantic HTML -CSS Selector -CSS Specificty
Ist Semantic Markup === Meaningful Code?
- Ja, weil:
- Lesbarkeit für Maschinen und Menschen
- Neue Developer müssen deinen Code lesen können
- SEO
Wie viele h1 Tags sollten auf einer Website sein?
-Nur einer, damit der Browser weiß, dass es das wichtigste ist.
Möchte man die meisten Tags oder die wenigsten Tags in semnatic Markup nutzen?
-Die kleinste Anzahl an Tags
Was ist ein Placeholdersymbol für einen href in HTML?
-Das Hashtag #
Was können Tags?
-Untereinander neben einem tag stehen
Sollte man Double oder Single Quotes benutzen?
-Nicht wichtig, aber man sollte sich für eine Variante entscheiden
Dürfen h2, h3 etc mehrmals auftauchen in HMTL?
Ja
Was bedeutet * {
color: red;
}
Alle Elemente des HTML werden rot gefärbt.
Wie gibt man an, dass alle h1 Tags rot sein sollen?
h1 {
color: red;
}
Wie kann man angeben, dass nur ein h1 in einem header rot sein soll?
header h1 {
color: red;
}
Wie werden die Tag Einschränkungen definiert?
- Sequentiell bei header h1 {} werden zuerst die header gesucht und dann die h1 darin
- Wenn man die Reihenfolge vertauscht funktioniert dies nicht mehr
Was ist sans-serif and serif Font?
- Sans bedeutet ohne Serifen
- Serifen ist mit Serifen
Was ist der Unterschied zwischen Font und font-family?
-font-family kann z.B. sans-serif und serif definieren
Wann sollten Fonts gequoted werden?
Wenn sie spaces im Namen haben:
-font-family: ‘Comic Sans MS’;
Wie kann man Fonts priorisieren?
- Mit Kommas trennen, aber der letzte Eintrag sollte ein Browser erkennbarer Font sein
- font-family: ‘Comic Sans MS’, ‘Open Sans’, sans-serif;
Sollte man floats benutzen in CSS?
Nein, es ist ein schlechter Layout-Stil.
-Lieber text-align: right;
Wird in CSS ein Element geändert, wenn es allgemein oder spezifisch angesprochen wird?
-Immer die spezifischste Regel eines Elementes wird angewandt und als wichtigest angesehen.
Wie ist die Reihenfolge der Priorisierung in HTML/CSS?
Universal * -> Elements -> Classes -> ID -> Embedded -> Inline -> !important
Was ist der Unterschied zwischen .intro p und p.intro und p .intro?
p .-intro bedeutet es wird ein intro class Element in einem P gesucht <p class="intro">
p.intro bedeutet es wird nur ein Identifier genutzt</p>
Was ist der Unterschied zwischen head und header Tag?
- ist für Dokumenten Styling und Links
- ist für den header wie in einer Zeitschrift
Was kann man mit CSS text-decoration: erreichen?
-Text verzieren mit Unterstrichen oder Überstrichen
Was bedeutet CSS display: flex;
-Positioniert Elemente in Zeilen bzw. Spalten und verteilt den freien Raum mit justify um alles gleichmäßig anzuordnen
Was bedeutet Semantisch in Bezug auf HTML?
- Einem Inhalt semantische Bedeutung geben
- Maschinen und Menschen die Bedeutung des Codes definieren
Wofür ist das section Tag gut?
-Um andere Tags und Elemente darin einzuschließen und ihnen die semantische Bedeutung einer zusamenhängenden Sektion zu geben