Heim  >  Artikel  >  Web-Frontend  >  So wählen Sie ein übergeordnetes Element in CSS aus

So wählen Sie ein übergeordnetes Element in CSS aus

藏色散人
藏色散人Original
2020-12-18 09:53:0716678Durchsuche

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.

So wählen Sie ein übergeordnetes Element in CSS aus

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:

So wählen Sie ein übergeordnetes Element in CSS aus

2. Fügen Sie mehrere div-Tags in das Body-Tag-Element ein und verschachteln Sie sie in divs mit divs, wie unten gezeigt:

So wählen Sie ein übergeordnetes Element in CSS aus

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:

So wählen Sie ein übergeordnetes Element in CSS aus

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:

So wählen Sie ein übergeordnetes Element in CSS aus

5. Verwenden Sie den Body-Tag-Selektor, um Eigenschaften wie Breite, Schriftartattribute, Schriftgröße usw. festzulegen, wie im folgenden Bild gezeigt Bild:

So wählen Sie ein übergeordnetes Element in CSS aus

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:

So wählen Sie ein übergeordnetes Element in CSS aus

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn