Heim >Web-Frontend >CSS-Tutorial >So wählen Sie ein übergeordnetes Element in CSS aus
So wählen Sie das übergeordnete Element in CSS aus: Öffnen Sie zuerst das HBuilderX-Tool und erstellen Sie eine neue statische HTML5-Seite. Fügen Sie dann mehrere Div-Tags in das Body-Tag-Element ein das Body-Tag Mit dem Tool können Sie den Div-Tag-Stil festlegen.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5&&CSS3&&HBuilderX v2.1.3.20190723-Version. Diese Methode ist für alle Computermarken geeignet.
Empfohlen: „CSS-Video-Tutorial“
CSS-Selektor zur Auswahl Ihres eigenen übergeordneten Elements
1. Doppelklicken Sie, um das HBuilderX-Tool zu öffnen und eine neue statische HTML5-Seite zu erstellen, wie unten gezeigt:
2. Fügen Sie mehrere div-Tags in das Body-Tag-Element ein und verschachteln Sie sie in divs mit divs, wie unten gezeigt:
3. Fügen Sie einen Stil unter dem Titel-Tag hinzu, legen Sie die globale Version des Stils fest und klicken Sie auf „Verwenden“. das *-Symbol, wie im Bild unten gezeigt:
4. Speichern Sie den Code und öffnen Sie den Browser, um den Seiteneffekt anzuzeigen. Die Hintergrundfarbe finden Sie auf der Seite, wie im folgenden Bild gezeigt:
5. Verwenden Sie den Body-Tag-Selektor, um Eigenschaften wie Breite, Schriftartattribute, Schriftgröße usw. festzulegen, wie im folgenden Bild gezeigt Bild:
6 Abschließend verwenden Sie den Div-Selektor im Body-Tag, um den Div-Tag-Stil festzulegen und den Rand und den Gewichtsabstand der Innen- und Außenkanten hinzuzufügen, wie unten gezeigt:
Das obige ist der detaillierte Inhalt vonSo wählen Sie ein übergeordnetes Element in CSS aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!