Heim > Artikel > Web-Frontend > Was bedeutet Typ in CSS?
Was bedeutet Typ in CSS?
- 藏色散人Original
- 2021-05-17 15:14:396031Durchsuche
Typ in CSS wird verwendet, um den MIME-Typ anzugeben, z. B. die Anweisung „080b747a20f9163200dd0a7d304ba388“, wobei sich Text auf das Objekt als Text auf der Webseite und CSS oder Javascript bezieht bezieht sich auf den aktuell angegebenen Texttyp.
Die Betriebsumgebung dieses Artikels: Windows7-System, CSS3-Version, Dell G3-Computer.
Was bedeutet Typ in CSS?
365df6abbea03c7d43092e01c2a19532
type="text/css" ist der angegebene MIME-Typ, wobei:
Text bezieht sich auf das Objekt, bei dem es sich um den Text auf der Webseite handelt.
CSS oder Javascript bezieht sich auf den aktuell angegebenen Texttyp...
Wenn Sie CSS-Stile in HTML-Dateien anwenden möchten, gibt es drei am häufigsten verwendete Methoden:
1. Interne Referenz
Die sogenannte interne Referenz besteht darin, das Style-Tag zu verwenden, um auf die CSS-Definition im ef1cac8df639bc9110cb13b8b5ab3dd734934661d7147ca926b095899343bad0-Teil zu verweisen. Beispiel:
<html>
<head>
<style type="text/css">
.cssstyle { font:12px;
color:#339966;
border:1px #e1763d solid;
}
<style/>
</head>
<body>
<div class="cssstyle"> THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div>
</body>
</html>2. Externe Referenz: Bei der externen Referenz wird das 2cdf5bf648cf2f33323966d7f58a7f3f-Tag verwendet, um auf den Stil in der externen CSS-Datei zu verweisen. Wenn Sie den oben genannten Effekt erzielen möchten, können Sie das CSS in eine separate Datei umwandeln.
Datei CSSSTYLE.CSS
.cssstyle { font:12px;
color:#339966;
border:1px #e1763d solid;
}Dann referenzieren Sie sie in HTML:
<html> <head> <link rel="stylesheet" type="text/css" href="cssstyle.css"> </head> <body> <div class="cssstyle"> THIS IS A PARTS OF TEXT WHICH LINK CSS STYLE IN HEAD PART</div> </body> </html>
Bei Verwendung dieser Referenzmethode muss sichergestellt werden, dass die relativen Pfade der CSS-Datei und der HTML-Datei vollständig sind, andernfalls findet das HTML-Dokument den CSS-Stil nicht.
3. Inline-Referenz
Inline-Referenz dient eigentlich dazu, den CSS-Stil direkt auf dem im HTML-Teil verwendeten Tag zu definieren. Diese Methode ist die direkteste, aber die Mängel sind auch am offensichtlichsten Das größte Problem ist der Code. Er ist umständlich und der Bereich liegt nur innerhalb des Bereichs des definierten Tags. Zum Beispiel:
<p style="color:#ccc">THIS TEXT IS GREY</p> <p>I AM NOT GREY, WHAT COLOR AM I? :)</p>
Empfohlenes Lernen: „
CSS-Video-TutorialDas obige ist der detaillierte Inhalt vonWas bedeutet Typ in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!