Maison  >  Article  >  interface Web  >  Où mettre le CSS

Où mettre le CSS

藏色散人
藏色散人original
2021-04-08 09:10:417845parcourir

Il y a trois endroits où CSS peut être placé, à savoir : 1. Placé dans l'attribut style de la balise element, qui n'est valable que pour l'élément actuel 2. Placé dans la balise style de la balise head ; en tête de la page actuelle, il n'est valable que pour tous les éléments de la page actuelle ; 3. Mettez-le dans un fichier CSS séparé et est valable pour toutes les pages qui introduisent le fichier.

Où mettre le CSS

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Où puis-je mettre le code CSS ?

1, écrit dans l'attribut style de la balise element, n'est valable que pour l'élément courant

2, écrit dans la balise style de la balise head en tête de ; la page actuelle, n'est valable que pour Valable pour tous les éléments de la page actuelle ;

3, écrit dans un fichier CSS séparé, référencé à l'aide de la balise 2cdf5bf648cf2f33323966d7f58a7f3f introduire le fichier.

Utilisons des exemples pour expliquer un par un :

est écrit dans l'attribut style de la balise element :

<p style="color:red;">abc</p>

est écrit dans la balise en tête du courant page :

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        p{
            text-align: center;
        }
    </style>
</head>

est écrit dans un fichier CSS indépendant et référencé à l'aide de la balise 2cdf5bf648cf2f33323966d7f58a7f3f :

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="Untitled-1.css">
</head>

Voici le contenu du fichier CSS indépendant :

p{
    color: red;
}

[Apprentissage recommandé : tutoriel vidéo CSS

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!

Déclaration:
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