1. Rezension

1. Was ist CSS?
   Kaskadierende Stylesheets – kaskadierende Stile werden nur überschrieben, aber nicht ersetzt

2. So verwenden Sie CSS
   Stilattribut--->

   
   sytle tag---> innerhalb des Head-Tags
   link--->

3. Basisselektor
   HTML-Tag-Selektor wählt Elemente nach HTML-Tag-Namen aus
   ①Alle HTML-Tags können als Selektoren verwendet werden
   ②Egal Egal wie tief das Tag ist ausgeblendet ist, wird es ausgewählt
   ③Alle Tags werden anstelle eines bestimmten Tags ausgewählt. Was wir also über den HTML-Tag-Selektor festlegen, sind einige häufige Probleme
   id-Selektor
   ① Jedes Tag kann das id-Attribut und den Attributwert verwenden (da id ein globales Attribut ist). Der ID-Name kann nicht beliebig benannt werden. Dabei wird die Groß-/Kleinschreibung beachtet. Der Name der ID kann Zahlen, Buchstaben und Unterstriche enthalten, muss jedoch mit einem Buchstaben beginnen.
   Kamel-Kasten-Benennungsmethode Kleine Kamel-Kasten-Benennungsmethode Große Kamel-Kasten-Benennung
   TestHeader kleiner Kamel-Kasten TestHeader großer Kamel-Kasten ② Der ID-Name kann jedoch nicht wiederholt werden
   Klassenselektor
   ① Jedes Tag kann die Klasse verwenden Attribut (Klassenattribut) Es ist auch ein globales Attribut)
   ②Der Klassenattributname kann wiederverwendet werden
   ③Ein Klassenattribut kann mehrere Klassenattributwerte haben.

2. Umfassender Selektor

1. Nachkommenselektor div p

2. Kreuzungsselektor div .dl

3. Union selector div, p

4. Child element selector div>p

5. Sequenz Selektor ul li:erstes-Kind ul:li:letztes-Kind

6. Selektor für benachbarte Geschwister div + p

7. Selektor für gemeinsame Geschwister div ~ p

3. Vererbung

1. Vererbung: Einige CSS-Attribute des übergeordneten Elements erben Quilt-Elemente bedingungslos aus der Vergangenheit. Alle CSS-Attribute zu Text können vererbt werden: Farbe, Text, Linie, Schriftart,

2. Stacking
   Stacking löst das Problem von CSS-Konflikten
   Vergleichen Sie Gewichte, um das Kaskadenproblem zu lösen
   ! wichtig kann die Gewichtung „einzelner Attribute“ auf unendlich ändern. So wenig wie möglich verwenden.

4. Block-Level-Elemente und Inline-Elemente

div-Block-Level-Elemente
Spannen-Inline-Elemente
Der Unterschied zwischen Block-Level Elemente und Inline-Elemente: 1. Die Breite und Höhe kann für Inline-Elemente nicht festgelegt werden. Die Breite und Höhe des Inline-Elements stimmen mit der Breite und Höhe des Etiketts überein. Elemente auf Blockebene können Breite und Höhe auf 2 festlegen. Elemente auf Blockebene belegen eine separate Zeile. Allerdings können Inline-Elemente keine eigene Zeile belegen und sich eine Zeile nur mit anderen Inline-Elementen teilen. 3. Wenn das Blockebenenelement keine Breite festlegt, nimmt das Blockebenenelement automatisch die gesamte Breite des übergeordneten Elements ein.

Das obige ist der detaillierte Inhalt vonAnmerkungen für Anfänger zum Erlernen von CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!