Maison > interface Web > tutoriel HTML > 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

黄舟
Libérer: 2017-07-26 09:45:52
original
2236 Les gens l'ont consulté

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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal