Maison  >  Article  >  interface Web  >  Explication détaillée d'exemples de la façon dont HTML utilise quatre façons de référencer les feuilles de style CSS

Explication détaillée d'exemples de la façon dont HTML utilise quatre façons de référencer les feuilles de style CSS

黄舟
黄舟original
2017-07-26 09:45:522197parcourir

Première méthode : css1.html

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

Méthode deux : 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>

Méthode trois : 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>

et css3 .html trois fichiers.css dans le même répertoire : a{color:#FF00FF; background:#0000FF;}

Méthode 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>

est la même que css4. .html quatre fichiers.css dans le répertoire : a{color:#0000FF; background:#FF00FF;}

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

Dans les applications réelles, les styles en ligne utilisant l'attribut style n'est pas recommandé, il n'est pas recommandé d'utiliser la première méthode, ce qui affaiblit l'avantage du CSS pour contrôler de manière centralisée l'apparence de l'ensemble du document.

Les trois premières méthodes utilisent des balises de lien et des balises de style, et ont les restrictions suivantes dans IE (y compris IE6, IE7 et IE8 beta1) :

◆ Il n'y a que Le CSS associé aux 31 premières balises de lien ou de style peut être appliqué à partir de la 32ème, le CSS associé aux balises sera invalide.

◆ Une balise de style n'est valable que pour les 31 premières instructions @import ; elle est ignorée à partir de la 32ème instruction @import.

◆ Seules les 31 premières directives @import d'un fichier CSS sont effectivement appliquées ; à partir de la 31ème directive @import est ignorée.

◆ Un fichier CSS ne peut pas dépasser 288 Ko.

Les restrictions d'IE sur CSS ne seront pas rencontrées dans la plupart des cas. Même si vous rencontrez la meilleure solution, vous devez fusionner les fichiers CSS et les balises de réponse manuellement ou via un programme back-end,

Minimiser le nombre de requêtes http est le premier principe d'optimisation du rendu des pages

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn