CSS lernen und organisieren

1. background-attachment:fixedAttribut verhindert das Scrollen des Hintergrundbilds, d. h. in der Standardeinstellung In diesem Fall scrollt der Hintergrund mit dem Dokument

2. Das Attribut „font-weight“ legt die Stärke des Textes fest (Schlüsselwörter 100 ~ 900 geben 9 Fettstärkestufen für die Schriftart an. Wenn eine Schriftart über diese integrierten Fettstärkestufen verfügt, dann diese Zahlen sind direkt auf vordefinierte Ebenen abgebildet, 100 entspricht der dünnsten Schriftartvariante und 900 entspricht der fettesten Schriftartvariante. Die Zahl 400 entspricht „Normal“ und 700 entspricht „Fett“.

3. Das Attribut „font-style“ wird am häufigsten zur Angabe von kursivem Text verwendet.

4. Das Attribut „font-family“ definiert die Schriftfamilie des Textes.

5. Das Attribut „font-size“ legt die Größe des Textes fest.

Verwenden Sie em, um die Schriftgröße festzulegen

Wenn Sie das Problem vermeiden möchten, dass die Textgröße im Internet Explorer nicht geändert werden kann, verwenden viele Entwickler EM-Einheiten anstelle von Pixeln.

W3C empfiehlt die Verwendung von EM-Größeneinheiten.

1em entspricht der aktuellen Schriftgröße. Wenn die Schriftgröße eines Elements 16 Pixel beträgt, entspricht 1em 16 Pixel für dieses Element. Beim Festlegen der Schriftgröße ändert sich der em-Wert relativ zur Schriftgröße des übergeordneten Elements.

Die Standardtextgröße in Browsern beträgt 16 Pixel. Die Standardgröße von 1em beträgt also 16 Pixel.

Sie können die folgende Formel verwenden, um Pixel in em umzuwandeln: Pixel/16=em

(Hinweis: 16 entspricht der Standardschriftgröße des übergeordneten Elements. Gehen Sie davon aus, dass die Schriftgröße des übergeordneten Elements 20 Pixel beträgt, dann muss die Formel geändert werden in: Pixel/20 =em)

Im obigen Beispiel ist die Textgröße in ems dieselbe wie die Textgröße in Pixel im vorherigen Beispiel. Wenn Sie jedoch EM-Einheiten verwenden, kann die Textgröße in allen Browsern geändert werden.

Leider gibt es immer noch ein Problem im IE. Wenn Sie die Textgröße ändern, wird dieser größer oder kleiner als normal.

Verwenden Sie Prozentsätze und EM zusammen

Eine Lösung, die in allen Browsern funktioniert, besteht darin, den Standardwert für die Schriftgröße in Prozent für das Body-Element (übergeordnetes Element) festzulegen

<code>body {font-size:100%;}</code>
h1 {font-size:3.75em;}
h2 {font-size:2.5em;}
p {font-size:0.875em;}

6. Das Textdekorationsattribut wird hauptsächlich zum Entfernen von Unterstreichungen in Links verwendet

7,

Kombinieren Sie Nachkommenselektoren und untergeordnete Selektoren

Bitte schauen Sie sich die Auswahl unten an:

table.company td > p

Der obige Selektor wählt alle p-Elemente aus, die untergeordnete Elemente des td-Elements sind, das selbst vom Tabellenelement erbt, das über ein Klassenattribut verfügt, das „company“ enthält.

8、

Tipp: In der CSS-Definition muss a:hover nach a:link und a:visited platziert werden, um gültig zu sein.

Tipp: In der CSS-Definition muss a:active nach a:hover platziert werden, um gültig zu sein.

Tipp: Bei Pseudoklassennamen wird die Groß-/Kleinschreibung nicht beachtet.

https://zhuanlan.zhihu.com/p/22606894 Zusammenfassung des Front-End-Interviews