Maison > interface Web > tutoriel CSS > 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 ?

云罗郡主
Libérer: 2018-11-23 16:05:40
avant
3523 Les gens l'ont consulté


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>
Copier après la connexion

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>
Copier après la connexion

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 &#39;my-common.css&#39;;
</style>
</head>
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:divcss8.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal