…… image : url("images/back40.gif")}
</style>
……
</head>
3. Importer des feuilles de style externes Importer des feuilles de style externes fait référence à < ;style> pour importer une feuille de style externe, utilisez @import lors de l'importation, voir l'exemple suivant :
…… <style type=”text/css”>
<!-- @import « mystyle.css » Autres déclarations de feuilles de style
-->
</style>
...... Feuille de style .css, faites attention au chemin de la feuille de style externe lorsque vous l'utilisez. La méthode est très similaire à la méthode de liaison dans une feuille de style, mais la méthode de saisie d'importation de feuille de style externe présente plus d'avantages. Essentiellement, cela équivaut à être stocké dans une feuille de style interne.
Remarque : L'importation de feuilles de style externes doit se faire au début de la feuille de style, au-dessus des autres feuilles de style internes.
4. Styles en ligne
Styles en ligne C'est utilisé mélangé dans les balises HTML De cette façon, vous pouvez facilement définir le style d'un certain élément séparément. L'utilisation de styles en ligne consiste à ajouter directement le paramètre de style à la balise HTML. Le contenu du paramètre style est constitué des attributs et des valeurs CSS, comme dans l'exemple suivant :
<p style="color: sienna;margin-left: 20px;">
Ceci est un paragraphe </p> <!--La couleur de ce paragraphe est kaki, et la marge gauche est de 20 pixels- ->
Le contenu entre guillemets après le paramètre de style est équivalent au contenu entre accolades de la feuille de style.
Remarque : Le paramètre de style peut être appliqué à n'importe quel élément du BODY (y compris le BODY lui-même), à l'exception de BASEFONT, PARAM et SCRIPT.
Superposition de plusieurs feuilles de style
Les feuilles de style CSS ont un ordre en cascade. Nous discutons ici de la superposition de ces méthodes d'insertion de feuilles de style si plusieurs feuilles de style différentes sont utilisées sur le même sélecteur, cette valeur d'attribut se chevauchera plusieurs fois. En cas de conflit entre feuilles de style, la dernière définie prévaudra. Par exemple, nous lions d'abord dans une feuille de style externe, qui définit les attributs color, text-alig et font-size du sélecteur h3 :
h3
{
couleur : rouge ;
text-align : gauche ;
font-size : 8pt
}
/*La couleur du texte du titre 3 est rouge ; Aligné à gauche ; la taille du texte est de taille 8*/
Ensuite, les attributs text-align et font-size du sélecteur h3 sont également définis dans la feuille de style interne :
h3
{
alignement du texte : droite
taille de la police : <🎜 ; >}
/*Le texte du titre 3 est aligné à droite ; la taille est de 20 points*/
Ensuite le style superposé de cette page est :
couleur : rouge
alignement du texte : <🎜; >
taille de la police : 20 pts ; /*La couleur du texte est rouge ; alignée à droite ; la taille est de 20 pts*/
La couleur de la police est conservée à partir de la feuille de style externe, et lorsque l'alignement et la taille de police sont définis, la dernière définition a priorité sur la feuille de style interne.
Ordre en cascade
Lorsque le même élément HTML est stylisé par plusieurs plus d'un Lors de la définition, quel style sera utilisé ?
De manière générale, tous les styles seront cascadés dans une nouvelle feuille de style virtuelle selon les règles suivantes, le numéro 4 ayant la plus haute priorité.
1. Paramètres par défaut du navigateur
2. Feuille de style externe
3. Feuille de style interne (située à l'intérieur de la balise <head>)
4. . Styles en ligne (à l'intérieur des éléments HTML)
Par conséquent, les styles en ligne (à l'intérieur des éléments HTML) ont la priorité la plus élevée, ce qui signifie qu'ils auront priorité sur les déclarations de style suivantes : Déclaration de styles dans les balises, une déclaration de style dans un feuille de style externe ou une déclaration de style dans le navigateur (valeur par défaut).
section suivante
