Quatre façons d'ajouter des feuilles de style CSS aux pages Web

Il existe quatre façons d'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

Copier le code

Le code est le suivant :

<STYLE TYPE="text/css"> 
<!-- 
样式规则表 
--> 
</STYLE>

Par exemple :

<STYLE TYPE="text/css"> 
<!-- 
BODY { 
color: BLUE; 
background: #FFFFCC; 
font-size: 9pt} 
TD, P { 
COLOR: GREEN; 
font-size: 9pt} 
--> 
</STYLE>

Habituellement, la structure est écrite dans la section 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 .

Copier le code

Le code est le suivant :

<STYLE TYPE="text/css"> 
<!-- 
@import url(引入的样式表的位址、路径与档名); 
--> 
</STYLE>

Par exemple :

<STYLE TYPE="text/css"> 
<!-- 
@import url(http://yourweb/ example.css); 
--> 
</STYLE>

A noter que le point-virgule en fin de ligne est absolument indispensable ! Cette méthode peut également être utilisée en ajoutant
@import url(http://yourweb/ example.css
à d'autres styles.

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!