Résumé de quatre façons d'introduire le CSS

Cet article partage principalement avec vous un résumé de quatre façons d'introduire le CSS. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

1. Références en ligne : utilisées directement sur les balises, mais les coûts de maintenance sont élevés

style='font-size:16px;color:#000000'

2 Références connectées en externe : le code CSS est séparé du code html pour faciliter la réutilisation du code

<link href="css/style.css" type="text/css" rel="stylesheet" />

Le contenu du fichier style.css est tel qu'indiqué à droite :

.font{color:blue;font-size:12px;}

3. Référence interne : La page est plus claire, mais ne peut pas être utilisée par d'autres pages

<style type=&#39;text/css&#39;>
    .font{color:blue;font-size:12px;}
</style>

4. Importation externe : plusieurs feuilles de style peuvent être importées dans un seul fichier HTML. Semblable à la référence du lien externe

, avez-vous appris à ajouter

<style type=&#39;text/css&#39;>
    @import url('./style/style.css');
</style>

à la balise head dans le fichier HTML ? Récupérez-le si vous le trouvez utile.

Recommandations associées :

Production de pages Web Dreamweaver à l'aide de la méthode d'imbrication de style CSS

À quoi devez-vous faire attention lors de la définition des styles CSS de tableau

Utilisez les styles CSS pour générer des styles de recherche, de panier d'achat et d'autres styles d'icônes

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!