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.
fa8c9171ab97a30d60f0ec5e80ada6fa
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 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47

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 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47 est écrite dans la section ef1cac8df639bc9110cb13b8b5ab3dd7 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 3e76e57fc5dd9b761bdd2082385f4936
Supposons que nous enregistrions les règles de style sous forme de fichier example.css, il nous suffit d'ajouter
fb5774659c811e3e28886bb6b5a5926a9c3bca370b5104690d9ef395f2c5f8d1 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 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47.

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!