Wir haben am ersten Tag über einfaches HTML und am zweiten Tag über einfaches CSS gesprochen. Lassen Sie uns heute darüber sprechen, wie man ihre Kombination verwendet!
Lassen Sie uns zunächst darüber sprechen Zitiermethode und wie man sie verwendet!
1. Internes Stylesheet (Fügen Sie es in
<span style="color: #008080">1</span> <span style="color: #800000"><head></span><span style="color: #008080">2</span> <span style="color: #800000"> <style></span><span style="color: #008080">3</span> <span style="color: #ff0000"> div{
4 color:red:
5 }</span><span style="color: #008080">6</span> <span style="color: #800000"> </style></span><span style="color: #008080">7</span> <span style="color: #800000"><head><br></span>[Tipp]: Der rote Bereich ist Styles und Elementselektoren
2. Inline-Stylesheets (in Tags geschriebene Stile)
<p style="color: red;"></p>
Hinweis: Syntax Es müssen die Attribute sein und Attributwerte in doppelte Anführungszeichen!
3. Externe Stylesheets (Einführung externer CSS-Stylesheets) werden am besten im Kopf platziert
<span style="color: #008080">1</span> <span style="color: #800000"><head></span><span style="color: #008080">2</span> <span style="color: #800000"> <link rel="stylesheet" href="xxx.css?1.1.11"><br> </head><br></span>
Hinweis: „stylesheet“ //Stylesheet
href //Adresse
Das xxx in xxx.css ist der Dateiname und es ist Ihr benutzerdefinierter Dateiname! (Das Suffix . CSS kann nicht geändert werden!)
Es gibt auch den CSS-Selektor! Der Selektor ist ein wichtiger Teil des CSS-Stylesheets
CSS-Selektor
1. Element-Selektor
div, p, span, hr usw. Viele Elemente, die direkt geschweifte Klammern verwenden, sind Elementselektoren
2. ID-Selektor (id)
Wir verwenden den id-Attributwert für Ändern Sie das Beschriftungsattribut und den Stil im Stylesheet.
Syntax:
{ :; :; }Dann ist der Effekt wie folgt:
Das ist alles, was ich heute schreibe! Und dann... werde ich aufgeben! Ich habe entschieden aufgegeben! Ich werde dies weiter aktualisieren, wenn ich Zeit habe!!!
Das obige ist der detaillierte Inhalt vonLassen Sie uns über mein Verständnis von CSS sprechen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
