Comment écrire un fichier d'en-tête HTML CSS-tutoriel HTML-php.cn

Comment écrire un fichier d'en-tête HTML CSS : 1. Introduisez le CSS via "" 2. Utilisez La balise "" introduit un fichier CSS externe et la syntaxe est " .

Comment écrire un fichier d'en-tête HTML CSS

L'environnement d'exploitation de cet article : système Windows 7, HTML5&&CSS3, ordinateur Dell G3. L'élément

Header file

Dans l'élément

, vous pouvez insérer des scripts, des fichiers de style (CSS) et diverses méta-informations ; les balises d'élément qui peuvent être ajoutées dans la zone d'en-tête sont : ,< ; style>,<meta>,<link>,<script>,<noscript>,<base>. <p><strong>Comment écrire du CSS dans le fichier d'en-tête html ? <p>1. Feuille de style interne <p>La feuille de style interne place le code de style CSS dans la zone <style>< Dans la balise /style>, introduisez le CSS. <p>Il existe un attribut type type dans <style>, suivi de test/css, qui représente le texte CSS. Le format de syntaxe est le suivant : <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><style type="text/css"> /*这里写CSS内容*/ </style></pre><div class="contentsignin">Copier après la connexion</div></div><p>Caractéristiques : Le code CSS dans un. une seule page est unifiée et planifiée, facile à maintenir, mais il est facile de se confondre entre plusieurs pages </p><p>Un exemple est le suivant : </p><p><img src="https://img.php.cn/upload/image/161/115/647/1612664264676699.png" title="1612664264676699.png" alt="Comment écrire un fichier den-tête HTML CSS"/></p><p>Le rendu est la suivante : </p><p> <img src="https://img.php.cn/upload/image/699/321/555/1612664267905532.png" title="1612664267905532.png" alt="Comment écrire un fichier den-tête HTML CSS"/></p><p>2. Feuille de style externe (recommandée) </p><p>La feuille de style externe utilise généralement la balise <link> la balise de lien est écrite dans le <head> de la page Web ;<script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div>. </p><p><link>Les attributs à l'intérieur incluent type, rel et href Le type est fixé sur text/css, rel (feuille de style) est fixé sur feuille de style et href fait naturellement référence à l'adresse du fichier css. . Syntaxe Le format est : </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><link type="text/css" rel="stylesheet" href="css文件的存放地址"></pre><div class="contentsignin">Copier après la connexion</div></div><p> L'exemple de code est le suivant : <p><img src="https://img.php.cn/upload/image/332/595/833/1612664272908966.png" title="1612664272908966.png" alt="Comment écrire un fichier den-tête HTML CSS"/><p>le contenu web.css est <p><img src="https://img.php.cn/upload/image/349/692/183/1612664305394839.png" title="1612664305394839.png" alt="Comment écrire un fichier den-tête HTML CSS"/><. > effet Recommandé comme suit <p><p><img src="https://img.php.cn/upload/image/246/168/936/1612664311440445.png" title="1612664311440445.png" alt="Comment écrire un fichier den-tête HTML CSS"/> : "<p>tutoriel vidéo CSS<a href="//m.sbmmt.com/course/list/12.html" target="_blank">" <br/></script>

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!