Heim > Artikel > Web-Frontend > 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
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
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!