Résumé de quatre méthodes pour ajouter des feuilles de style CSS aux pages Web

Un résumé de quatre méthodes pour ajouter des feuilles de style CSS aux pages Web. Vous pouvez choisir votre méthode préférée en fonction de vos besoins.

1. Utilisez l'attribut STYLE : ajoutez l'attribut STYLE directement aux balises de composants individuels.

L'avantage de cette utilisation est que le style peut être appliqué de manière flexible à chaque étiquette Mais l’inconvénient est qu’il n’y a pas d’« unité » dans l’ensemble du document.

2. Utilisez la balise STYLE : Écrivez les règles de style dans la balise .

Le code est le suivant :

<STYLE TYPE="text/css"> 
<!-- 
样式规则表 
--> 
</STYLE> 
例如： 
<STYLE TYPE="text/css"> 
<!-- 
BODY { 
color: BLUE; 
background: #FFFFCC; 
font-size: 9pt} 
TD, P { 
COLOR: GREEN; 
font-size: 9pt} 
--> 
</STYLE>

Habituellement, la structure page Web L'avantage de cet usage réside dans l'uniformité de l'ensemble du document. Tant qu'il y aura un composant déclaré, la règle de style sera appliquée. L'inconvénient est le manque de flexibilité des composants individuels.

3. Utilisez la balise LINK : Écrivez les règles de style dans le fichier de style .css, puis introduisez-le avec la balise
Supposons que nous enregistrions les règles de style sous forme de fichier example.css, il nous suffit d'ajouter
Le style spécifié dans le fichier de style peut être appliqué. La balise LINK est généralement écrite dans la section L'avantage de cette utilisation est que vous pouvez affecter plusieurs documents auxquels s'appliquent les mêmes règles de style au même fichier de style. L'inconvénient est également le manque de flexibilité des fichiers ou composants individuels.


4. Utilisez @import pour introduire : il est très similaire à l'utilisation de LINK, mais doit être placé dans .

Le code est le suivant :

<STYLE TYPE="text/css"> 
<!-- 
@import url(引入的样式表的位址、路径与档名); 
--> 
</STYLE> 
例如： 
<STYLE TYPE="text/css"> 
<!-- 
@import url(http://yourweb/ example.css); 
--> 
</STYLE>

A noter que le point-virgule en fin de ligne est absolument indispensable ! De cette façon, vous pouvez également ajouter
@import url(http://yourweb/ example.css);
à d'autres styles à appeler.

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!