Maison >interface Web >tutoriel CSS >Comment utiliser Inline pour introduire une feuille de style CSS
Comment utiliser Inline pour introduire une feuille de style CSS
- 青灯夜游original
- 2021-04-06 11:54:5813857parcourir
Méthode d'introduction : Écrivez le code CSS dans la balise d'en-tête "93f0f5c25f18dab9d176bd4f6de5d30e" du document HTML, et définissez-le avec la balise "c9ccee2e6ea535a969eb3f532ad9fe89" ; 8ee02bccf80c76cee1c966dc94ac9466selector{property:property value;}531ac245ce3e4fe3d50054a55f2659279c3bca370b5104690d9ef395f2c5f8d1".
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
CSS est utilisé pour modifier les styles des pages Web. Cependant, si vous souhaitez que les styles modifiés par CSS fonctionnent, vous devez introduire une feuille de style CSS dans le fichier html. Il existe trois manières courantes d'introduire des feuilles de style : les liens en ligne, intégrés et externes. L'article suivant vous donnera une introduction détaillée à l'embarqué.
CSS en ligne
En ligne consiste à écrire du code CSS ensemble dans la balise d'en-tête 93f0f5c25f18dab9d176bd4f6de5d30e Le format de syntaxe de base est le suivant :
<head>
<style type="text/css">
选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
</style>
</head>Dans cette syntaxe, la balise c9ccee2e6ea535a969eb3f532ad9fe89 est généralement située après la balise b2386ffb911b14667cb8f0f91ea547a7 du document HTML Anywhere. Cependant, étant donné que le navigateur analyse le code de haut en bas, le fait de placer le code CSS dans l'en-tête peut être téléchargé et analysé à l'avance pour éviter l'embarras causé par le manque de modification de style après le téléchargement du contenu de la page Web. (Partage vidéo d'apprentissage : tutoriel vidéo CSS)
En même temps, la valeur de l'attribut type doit être définie sur "text/css", afin que le navigateur sache que le < ;style> contient du code CSS, car la balise c9ccee2e6ea535a969eb3f532ad9fe89 peut également contenir d'autres codes, tels que du code JavaScript.
<head>
<title>内嵌式引入CSS样式表</title>
<style type="text/css">
h2{text-align:center;}
p{font-size:16px;color:red;text-decoration:underline;}
</style>
</head>
<body>
<h2>内嵌式CSS样式</h2>
<p>使用style标记可定义内嵌式CSS样式表，style标记一般位于head头部标记中，title标记之后。</p>
</body>Les styles CSS en ligne ne sont valables que pour la page HTML dans laquelle ils se trouvent. Par conséquent, lors de la conception d'une seule page, l'utilisation en ligne est un bon choix. Mais si vous êtes sur un site internet, il est déconseillé d’utiliser cette méthode car elle ne peut pas tirer pleinement parti de la réutilisation du code CSS.
Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !
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!