Le contenu de cet article concerne les différentes façons de référencer le CSS dans la page. Il a une certaine valeur de référence, j'espère. cela vous sera utile.
Priorité : style externe < Feuille de style interne < Feuille de style en ligne
Priorité, c'est-à-dire : le côté droit du sélecteur portant le même nom écrasera le côté gauche
1. Feuille de style interne
<head>
<style>
/*内部样式表，一般用于覆盖公用样式*/
＃headTip {
color: 0xff5;
}
</style>
</head>2. Utilisez la balise link pour déclarer l'utilisation de ressources externes dans le document, ce qui est la manière la plus courante.
@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="./divcss8.css" rel="stylesheet" media="screen" type="text/css"/> </head>
Méthode 3.@, introduisez le CSS. Notez que ceci est chargé de manière asynchrone et est chargé après le chargement de l'intégralité du code HTML, ce qui fera scintiller la page. 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 une introduction complète à plusieurs façons de référencer le CSS dans la page Si vous souhaitez en savoir plus sur le Tutoriel CSS3, veuillez faire attention au PHP. Site chinois.
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!
Quelle résolution est 1080p ?
Que signifie bloquer tous les cookies ?
Que faire si l'utilisation du processeur est trop élevée
Raisons pour lesquelles l'écran tactile du téléphone portable échoue
Comment supprimer le verrou de sécurité de Firefox
Comment résoudre l'opération expirée
MySQL change le mot de passe root
Comment activer les fenêtres de l'ordinateur
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
