Einführung in CSS

1. Übersicht
Cascading Style Sheet; Sie können die Elemente von HTML steuern, um den Anzeigeeffekt und die Position von HTML-Elementen zu verbessern;

Grundsätzliche Syntax
CSS-Regeln bestehen aus Besteht aus zwei Teilen: Selektor und Anweisung
1. Beim Namen des CSS-Selektors wird die Groß-/Kleinschreibung beachtet.
2 Bei jeder Anweisung kann die letzte Zeile weggelassen werden;
3. Kommentarformat: /**/
4. In HTML geschriebener CSS-Code muss mit Style-Tags umschlossen werden;
5 eine separate CSS-Datei. Es ist nicht erforderlich, das Style-Tag zu verwenden, und alle Anweisungen müssen in geschweifte Klammern eingeschlossen werden.
6 Wenn der Attributwert Leerzeichen enthält, muss er in doppelte Anführungszeichen gesetzt werden. Wenn ein Attributname mehreren Attributwerten entspricht, werden mehrere Attributwerte durch Leerzeichen getrennt.
8.css-Dateisuffix

3. Format:

Selektor {

Attribut Name: Attributwert;
Attributname: Attributwert;
Attributname: Attributwert;
..........
}

4. Selektor

1.ID Attributwert des Selektors

#id {
Attributname: Attributwert;
Attributname: Attributwert
.....
}

2. Klassenattributwert des Selektors

.class attribute {

Attributname: Attributwert;
Attributname: Attributwert;
.....
}

3. Elementselektor (Tag-Selektor)

Tag-Name{

Attributname: Attributwert;
Attributname: Attributwert;
.....
}

4. Attributselektor

Tag-Name [Attributname = Attributwert] {

Attributname: Attributwert
....
}

5. Enthält Selektor

Grundlegender Selektor-Tag-Name {

Attributname: Attributwert;
....
}

4. So integrieren Sie HTML

1. Im Kopf von HTML verwenden das Link-Tag

2 In HTML style-Tag im Head-Tag der Seite, und Sie können auch CSS-Code in das Style-Tag schreiben; er kann nur in dieser HTML-Datei verwendet werden, nicht in anderen HTML-Dateien.

3 der Attributname style= "Attributname = Attributwert; Attributname = Attributwert;";

Das obige ist der detaillierte Inhalt vonEinführung in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!