Maison > Article > interface Web > Combien de façons existe-t-il de référencer des CSS dans la page ?
Combien de façons existe-t-il de référencer des CSS dans la page ?
- 云罗郡主avant
- 2018-11-23 16:02:353497parcourir
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!