Où mettre le CSS

藏色散人
Libérer: 2023-01-04 09:34:59
original
7949 Les gens l'ont consulté

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

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

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

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="Untitled-1.css">
</head>
Copier après la connexion

Voici le contenu du fichier CSS indépendant :

p{
    color: red;
}
Copier après la connexion

[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!

Étiquettes associées:
css
source:php.cn
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