1. Nutzen Sie eine gute Verwendung von CSS -Abkürzung. Sie können die Größe der Datendatei verringern, die Download -Geschwindigkeit erhöhen und einfach den Code lesen. Kann geschrieben werden als Ein weiteres Beispiel: Kann umgeschrieben werden wie: (Weitere Informationen finden Sie unter: CSS2 -Referenzhandbuch, häufig verwendete CSS -Abkürzungszusammenfassung) 2. Es kann mehrere Regeln für das Klassenattribut eines HTML -Elements gleichzeitig festlegen (multiple Klassendefinition). Dieses Element enthält auch Stile in A und B 3.. Klären Sie das Gerät, es sei denn, der Wert beträgt 0 Hinweis: Fügen Sie kein leeres Netz zwischen numerischen und Einheiten hinzu. 4. Differenzierte Manuskripte in XHTML. Ich kann 1 Pixelkantenlinie nicht anzeigen 5. CSSs jüngsten Prioritätsprinzipien Wenn Sie mehrere Stile auf einem Element definieren, wird der neueste Erste -Level -Style -Stil durch andere Stile definiert. Dies zeigt rot hier Dies zeigt Blue hier Es zeigt hier grün Hier ist gelb Es wird auch als gelb angezeigt, weil das .schlow hinter .blue liegt. 6. Definitionen der Verwendung von Sub -Selektoren zur Reduzierung von ID und Klasse, zum Beispiel: Kann geändert werden auf: 7. Fügen Sie den Hintergrundbildpfad nicht hinzu, um den Hintergrund zu ändern: URL ("xxx.gif") zum Hintergrund: URL (xxx.gif) 8. Der Pfad des Hintergrundbildes ist relativ zur aktuellen CSS -Seite. Zum Beispiel: 9. Die Verwendung verschiedener Elemente, um denselben Stil wie H1, H2, H3, Div {Schriftgröße: 16px; 10. Schreiben Sie den richtigen Linkstil. 11. Verbotene Veränderungen inhaltlich und obligatorische Inhalte in Tabellen oder Ebenen Wir können nicht geändert oder gezwungen werden, diese Anforderungen durch einige CSS -Attribute zu ändern. 12. Unterschied Relativ, das Schreiben in CSS ist: Relativ; Das aktuelle Niveau der aktuellen Ebene in der übergeordneten Ebene des übergeordneten Levels befindet sich unter Bezugnahme auf den ursprünglichen Punkt des übergeordneten Inhaltsbereichs. 13. Differential Div und Spannweite 14. Differentialanzeige und Sichtbarkeit
wie:
Div {
Grenze: 1PX Solid #CCCCCC;
Border-Links: 1PX Solid #CCCCCC;
Grenzrechte: 1PX Soli #ccccccc;
Border-Bottom: 1PX Solid #CCCCCCC;
}
P {Grenze: 1PX Solid #CCCCCC}
Div {
Rand: 10px;
Rand-Rechts: 20px;
Randboden: 30px;
Rand-Heft: 40px;
}
/*Achten Sie auf die Reihenfolge des Aufschreibens, rechts, unten und links*////////
Div {Margin: 10px 20px 30px 40px}}
/*Beachten
Normalerweise schreiben wir:
Tatsächlich können wir mehrere Regeln für das P -Element angeben, z. B.:
CSS:
.A {...}
.B {….}
HTML:
HINWEIS: Trennen Sie mit Leerzeichen zwischen mehreren Regeln.
Vergessen, die Größe zu definieren, ist ein häufiges Problem bei CSS -Anfängern. Wir können Breite = "100" in HTML schreiben, aber in CSS sollte eine genaue Einheit angegeben werden. Wie: Breite: 100px; Die Größe des 0 -Werts ist gleich.
Wie #AAA, was sich von #AAA unterscheidet.
Wenn #AAA in CSS definiert ist, kann die Verwendung von AAA in HTML -Elementen zur Anwendung nicht in der Lage sein, den in #AAA definierten Stil zu erhalten.
Beispielcode:
CSS:
#AAA {BORE: 1PX Solid #CCC}
HTML:
wie:
CSS:
P {Farbe: rot}
.Blue {Farbe: blau}
.yllow {Farbe: Gelb}
HTML:
Beachten:
(1) Achten Sie auf verschiedene Prioritätssequenzen von Stilen (die Priorität nimmt von oben nach unten ab):
-Einstellungen im Stil von NELE
-Kopfeinstellungen
-In externe Referenz -CSS -Dateien (2) Die Priorität ist nicht in der Reihenfolge des Zugriffs festgelegt, die Reihenfolge im CSS wird jedoch festgelegt.
Wie im obigen Beispiel gezeigt, zeigt es Gelb
#Enthalten {..}
#Contain_ul {...}
.Contail_li {...}
#Enthalten {..}
#Contain ul {...}
.Contain ul li {...}
Da das Hinzufügen von Zitaten für einige Browser Fehler verursachen kann.
Es sind die folgenden Verzeichnisstruktur-Images
-xxx.gif
-Css
--xx.css
--ddex.html
Codeinhalt
Index.html verweist auf die XX.CSS -Datei.
Xx.css möchte xxx.gif Bilder zitieren.
Dann sind H1, H2, H3, Divelemente alle 16 Pixel, dicke Schriftarten
Wenn Sie nicht in dieser Reihenfolge schreiben, können Sie möglicherweise nicht die Auswirkungen Ihrer Hoffnung erreichen. Um sich an diese Reihenfolge zu erinnern, extrahieren wir die ersten Buchstaben jedes Wortes: LVHA, Sie können sich an die Reihenfolge nach Gedächtnisliebe, Held, zwei Wörter erinnern.
Verboten zu ändern: Weißer Raum: Nowrap
Obligatorische Veränderung: Word-Wrap: Break-Wort;
Absolut, das Schreiben in CSS ist: absolut; Punkt der Eltern -Level -Gebote als ursprünglicher Punkt. Wenn die TRBL eingestellt ist und die übergeordnete Ebene das Positionsattribut nicht festlegt, wird das aktuelle Absolute mit dem ursprünglichen Punkt in der oberen linken Ecke des Browsers positioniert, und die Position wird durch TRBL bestimmt.
Div ist ein Block -Level -Element, das Absätze, Tabellen und andere Inhalte zum Platzieren verschiedener Inhalte enthalten kann. Im Allgemeinen legen wir jeden Block auf der Webseite aus, um jeden Block auf der Webseite zu erstellen.
Span ist ein internes zugeordnetes Element, ohne praktische Bedeutung.
Anzeige: Keine und Sichtbarkeit: Hidden kann ein Element ausblenden, aber Sichtbarkeit: Versteckt versteckt nur den Inhalt des Elements, aber der verwendete Standortraum wird weiterhin erhalten.
Anzeige: Keine ist von der Seite ziemlich entfernt und seine Besatzungsposition wird ebenfalls gelöscht.