Maison >interface Web >tutoriel CSS >Décrire brièvement les quatre façons d'écrire du CSS

Décrire brièvement les quatre façons d'écrire du CSS

巴扎黑
巴扎黑original
2017-03-14 11:55:052617parcourir

Priorité : style externe < feuille de style interne < feuille de style en ligne

priorité, c'est-à-dire : le côté droit du sélecteur avec le même ; le nom couvrira le côté gauche

1. Feuille de style interne

<head>    

        <style>    

            /*内部样式表,一般用于覆盖公用样式*/   

            #headTip {    

                color: 0xff5;    

             }    

        </style>    

    </head>



2. Utiliser balise de lien, dans L'utilisation de ressources externes est déclarée dans le document, ce qui est la manière la plus courante.

Le @CHARSET="utf-8"; qui spécifie l'encodage de la feuille de style externe CSS doit être placé sur la première ligne.

<head>   

        <link href="./my-common.css" rel="stylesheet" media="screen" type="text/css"/>   

    </head>



Méthode 3.@, introduisez le CSS, notez que ceci est chargé de manière asynchrone, chargé après le chargement de tout le code HTML, ce qui entraînera la page Clignotant. Non recommandé.

<head>    

        <style>    

            @import &#39;my-common.css&#39;;    

        </style>    

    </head>



4. Les feuilles de style en ligne ont la plus haute priorité et sont les plus simples, mais elles ne peuvent pas être réutilisées et ne sont pas faciles à entretenir. .

<body>   

        <input type="text" style="color:0x550;font-size:30px;"/>   

    </body>



Ce qui précède est la brève discussion de l'éditeur sur les quatre méthodes d'écriture de CSS (un article incontournable, j'espère que tout le monde le fera). soutenez Script House~

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