Maison > interface Web > tutoriel CSS > 3 façons d'utiliser CSS

3 façons d'utiliser CSS

藏色散人
Libérer: 2020-05-24 13:46:18
avant
3163 Les gens l'ont consulté

3 façons d'utiliser CSS

(1) Type de lien : (fichier .css importé en externe)

(utilisé davantage) 🎜>Introduisez des feuilles de style externes en utilisant dans la paire de balises de la page Web et utilisez des règles HTML pour introduire du CSS externe :

   <link href="./css/style.css" rel="stylesheet" type="text/css"/>
Copier après la connexion

Type d'importation : (externe import. css) 

(non utilisé) @import est référencé après le chargement du code HTML, et les styles ne peuvent pas être insérés dans le modèle JS DOM

introduit des fichiers CSS externes, et le < style> est également écrit Dans la balise , la syntaxe utilisée est la suivante :

     <style type="text/css">
        @import "./css/style.css"
          /*@import url(./css/style.css)*/
      </style>
Copier après la connexion

(2) Embedded

est écrit directement sous la balise dans ,

Avantages : rapide, tous les contrôles CSS sont pour cette balise de page, et les styles sont lus directement dans le document HTML

Inconvénients : un seul ; la page semble gonflée et ne peut pas être référencée par d'autres HTML entraîne une quantité relativement importante de problèmes de code et de maintenance

<style type="text/css">
      div{border:1px #ff0 solid}
    </style>
Copier après la connexion

(3) En ligne

(non recommandé) Il peut être utilisé dans des emplacements qui sont pas changé fréquemment

<div style="border:1px #ff0 solid;">内容</div>
Copier après la connexion

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:cnblogs.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