Maison >interface Web >tutoriel CSS >Explication détaillée des quatre méthodes d'écriture de CSS
Explication détaillée des quatre méthodes d'écriture de CSS
- 高洛峰original
- 2017-03-17 11:54:401309parcourir
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 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é. 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. 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!<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>
<head>
<style>
@import 'my-common.css'; </style></head>
<body>
<input type="text" style="color:0x550;font-size:30px;"/></body>