Explication détaillée des quatre méthodes d'écriture de CSS-tutoriel CSS-php.cn

Explication détaillée des quatre méthodes d'écriture de CSS

高洛峰

Libérer： 2017-03-17 11:54:40

original

1275 Les gens l'ont consulté

Priorité : style externe

Priorité, c'est-à-dire : le côté droit du sélecteur portant le même nom remplacera le côté gauche

1. Tableau de style interne

<head>
    <style>
        /*内部样式表，一般用于覆盖公用样式*/
        ＃headTip {
            color: 0xff5;
         }
    </style></head></p>
<p></p>
<p> 2. Utilisez la balise link pour déclarer l'utilisation de ressources externes dans le document, ce qui est la manière la plus courante. </p>
<p>@CHARSET="utf-8"; qui spécifie l'encodage de la feuille de style externe CSS doit être placé sur la première ligne ; </p>
<p class="cnblogs_code"></p>
<pre class="brush:php;toolbar:false"><span style="color: #0000ff"><</span><span style="color: #800000">head</span><span style="color: #0000ff">></span>
    <span style="color: #0000ff"><</span><span style="color: #800000">link </span><span style="color: #ff0000">href</span><span style="color: #0000ff">="./my-common.css"</span><span style="color: #ff0000"> rel</span><span style="color: #0000ff">="stylesheet"</span><span style="color: #ff0000"> media</span><span style="color: #0000ff">="screen"</span><span style="color: #ff0000"> type</span><span style="color: #0000ff">="text/css"</span><span style="color: #0000ff">/></span><span style="color: #0000ff"></</span><span style="color: #800000">head</span><span style="color: #0000ff">><br></span>

Copier après la connexion

Méthode 3.@, introduisez le CSS. Notez que ceci est chargé de manière asynchrone et est chargé après le chargement de l'intégralité du code HTML, ce qui entraînera la page. scintiller. Non recommandé.

<head>
    <style>
        @import 'my-common.css';    </style></head>

Copier après la connexion

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>

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!