Maison > interface Web > tutoriel CSS > le corps du texte

Comparaison des avantages et des inconvénients des méthodes d'introduction du style CSS

王林
Libérer: 2020-05-17 09:02:33
avant
2626 Les gens l'ont consulté

Comparaison des avantages et des inconvénients des méthodes d'introduction du style CSS

1. Style en ligne

Avantages : facile à écrire, poids élevé

Inconvénient : pas de séparation des styles structurels

<div style="width: 100px" height:100px></div>
Copier après la connexion

(Tutoriel vidéo recommandé : vidéo CSS)

2. Styles internes

Avantages : les styles structurels sont séparés

Inconvénients : séparation incomplète

    <style>
        div {
            color: violet;
            font-size: 16px;
        }
    </style>
Copier après la connexion

3. Styles externes

Avantages : séparation complète de la structure et du style

Inconvénients : nécessité de présenter

    <!-- 引入css初始化文件 -->
    <link rel="stylesheet" href="css/normalize.css" />
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="css/baes.css">
    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="css/index.css">
Copier après la connexion

Tutoriel recommandé : Tutoriel de démarrage avec 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:
source:jb51.net
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