Erste Schritte mit Front-End-CSS3

Wir wissen, dass CSS3 und HTML5 die grundlegendsten und ersten Kenntnisse sind, die Sie lernen müssen. Heute stellen wir Ihnen CSS3, die Front-End-Einführung, vor. Lassen Sie uns gemeinsam einen Blick darauf werfen

Kein weiterer Unsinn und kommen Sie zur Sache

Was ist CSS3

Die Schlüsselelemente von CSS3, die eine Seite bilden
CSS3 ist in „Module“ aufgeteilt. Alte Spezifikationen wurden in kleine Teile zerlegt und neue hinzugefügt.
Einige der wichtigsten CSS3-Module sind wie folgt:

Selektor

CSS wird auch als Stil bezeichnet, der aus „Selektor“, „Stil Attribut “ besteht. und „Wert der Attributauswahl“ besteht aus drei Teilen (Alibaba-Interviewfragen);

Wenn Sie den CSS-Stil im HTML-Element festlegen möchten, müssen Sie die „id“ festlegen. und „Klassen“-Selektoren in Element ① .

① Elemente werden in JS als DOM bezeichnet und sind in Elemente auf Blockebene und Inline-Elemente unterteilt.
Wenn Sie es nicht verstehen, überprüfen Sie die Details selbst.

<p class="xxx">Hello,world</p>选择器{属性:值}
.xxx{width:100px;}<p id="xxx">Hello,world</p>选择器{属性:值}
#xxx{width:100px;}

Beides Fast das Gleiche gilt: Wenn der Selektor beim Schreiben des Stils mit „.“ beginnt, z. B. .xxx. Wenn der Selektor eine ID verwendet, beginnt er mit „#“, z. B. #xxx (betonen Sie insbesondere, dass die ID die einzige ist). Selektor, Klassenname (kann nur einmal verwendet werden).

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website Andere verwandte Artikel!

Verwandte Lektüre:

So lösen Sie den CSS-Hack von IE11

Wie Axios einen Promise-basierten HTTP-Anfrage-Client erstellt

Wie VUE anmate.css verwendet

Das obige ist der detaillierte Inhalt vonErste Schritte mit Front-End-CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!