Priorité : style externe < feuille de style interne < feuille de style en ligne
priorité, c'est-à-dire : le côté droit du sélecteur avec le même ; le nom couvrira le côté gauche
1. Feuille de style interne
<head>
<style>
/*内部样式表，一般用于覆盖公用样式*/
＃headTip {
color: 0xff5;
}
</style>
</head>
2. Utiliser balise de lien, dans L'utilisation de ressources externes est déclarée dans le document, ce qui est la manière la plus courante.
Le @CHARSET="utf-8"; qui spécifie l'encodage de la feuille de style externe CSS doit être placé sur la première ligne.
<head>
<link href="./my-common.css" rel="stylesheet" media="screen" type="text/css"/>
</head>
Méthode 3.@, introduisez le CSS, notez que ceci est chargé de manière asynchrone, chargé après le chargement de tout le code HTML, ce qui entraînera la page Clignotant. Non recommandé.
<head>
<style>
@import 'my-common.css';
</style>
</head>
4. Les feuilles de style en ligne ont la plus haute priorité et sont les plus simples, mais elles ne peuvent pas être réutilisées et ne sont pas faciles à entretenir. .
<body>
<input type="text" style="color:0x550;font-size:30px;"/>
</body>
Ce qui précède est la brève discussion de l'éditeur sur les quatre méthodes d'écriture de CSS (un article incontournable, j'espère que tout le monde le fera). soutenez Script House~
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
