Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erläuterung von Beispielen, wie HTML vier Möglichkeiten verwendet, um auf CSS-Stylesheets zu verweisen

Ausführliche Erläuterung von Beispielen, wie HTML vier Möglichkeiten verwendet, um auf CSS-Stylesheets zu verweisen

黄舟
黄舟Original
2017-07-26 09:45:522212Durchsuche

Methode eins: css1.html

<html>
<head>
<title>内联样式(方法一)</title>
</head>
<body>
<a href=”http://www.baidu.com” style=”color:#FF00FF; font-size:80;”>百度一下</a>
</body>
</html>

Methode zwei: css2.html

<html>
<head>
<title>style标签中调用(方法二)</title>
<style type=”text/css”>
a{color:#FF0000;background:#FFFF00;}
</style>
</head>
<body>
<a href=”http://www.baidu.com“>百度二下</a>
</body>
</html>

Methode drei: css3.html

<html>
<head>
<title>link标签中调用(方法三)</title>
<link rel=stylesheet type=”text/css” href=”three.css”/>
</head>
<body>
<a href=”http://www.baidu.com“>百度三下</a>
</body>
</html>

und css3 .html drei.css-Dateien im selben Verzeichnis: a{color:#FF00FF; background:#0000FF;}

Methode 4: css4.html

<html>
<head>
<title>@import指令(方法四)</title>
<style type=”text/css”>
@import url(“four.css”);
</style>
</head>
<body>
<a href=”http://www.baidu.com“>百度四下</a>
</body>
</html>

ist dasselbe wie css4 .html four.css-Dateien im Verzeichnis: a{color:#0000FF; background:#FF00FF;}

*************** ******* ***************************************** ******** ***************************

In tatsächlichen Anwendungen verwenden Inline-Stile den Stil Attribut werden nicht empfohlen, es wird nicht empfohlen, die erste Methode zu verwenden, da dies den Vorteil von CSS zur zentralen Steuerung des Erscheinungsbilds des gesamten Dokuments schwächt.

Die ersten drei Methoden verwenden Link-Tags und Style-Tags und unterliegen den folgenden Einschränkungen im IE (einschließlich IE6, IE7 und IE8 Beta1):

◆ Es gibt nur Das mit den ersten 31 Link- oder Style-Tags verknüpfte CSS kann ab dem 32. angewendet werden; das mit den Tags verknüpfte CSS ist ungültig.

◆ Ein Style-Tag ist nur für die ersten 31 @import-Anweisungen gültig; ab der 32. @import-Anweisung wird es ignoriert.

◆ Nur die ersten 31 @import-Anweisungen einer CSS-Datei werden effektiv angewendet, beginnend mit der 31. @import-Anweisung wird ignoriert.

◆ Eine CSS-Datei darf 288 KB nicht überschreiten.

Die CSS-Einschränkungen des IE treten in den meisten Fällen nicht auf. Selbst wenn Sie auf die beste Lösung stoßen, sollten Sie die CSS-Dateien und Antwort-Tags manuell oder über ein Back-End-Programm zusammenführen >Die Minimierung der Anzahl von HTTP-Anfragen ist das erste Prinzip zur Optimierung der Seitendarstellung

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Beispielen, wie HTML vier Möglichkeiten verwendet, um auf CSS-Stylesheets zu verweisen. 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