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

3 façons d'utiliser CSS

藏色散人
藏色散人avant
2020-05-24 13:45:543118parcourir

3 façons d'utiliser CSS

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

(utilisé davantage) 2cdf5bf648cf2f33323966d7f58a7f3f 🎜>Introduisez des feuilles de style externes en utilisant 2cdf5bf648cf2f33323966d7f58a7f3f dans la paire de balises 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 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"/>

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 6c1d9d1c5e7690ed0ad94b24a12b6eb7 est également écrit Dans la balise 93f0f5c25f18dab9d176bd4f6de5d30e, la syntaxe utilisée est la suivante :

     <style type="text/css">
        @import "./css/style.css"
          /*@import url(./css/style.css)*/
      </style>

(2) Embedded

est écrit directement sous la balise 100db36a723c770d327fc0aef2ce13b1 dans 93f0f5c25f18dab9d176bd4f6de5d30e3c7b149cc556f883a18b3c490b028d4e,

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>

(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>

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:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer