Maison > Article > interface Web > Où mettre le code CSS en HTML
Où mettre le code CSS en HTML
- 青灯夜游original
- 2021-05-21 13:53:596144parcourir
En HTML, le code CSS peut utiliser directement l'attribut style et le mettre dans la balise html. La syntaxe est "e79d9b40fb3de9338049c4093820c299content2cea4cb677eeede2938d9d96608fd3b0 "; Vous pouvez également utiliser la balise style pour écrire le code CSS dans la balise head du document HTML.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
En html, la position de placement du code CSS
1 Utilisez directement l'attribut style et placez-le dans la balise html.
Le format de la syntaxe de base est le suivant :
<标签名 style="属性名1:属性值1;属性名2:属性值2;属性名3:属性值3;...."> 内容</标签名>
Dans la syntaxe, le style est l'attribut de la balise. En fait, toute balise HTML possède l'attribut style, qui est utilisé. pour définir le style en ligne. Les spécifications d'écriture des attributs et des valeurs sont les mêmes que les règles de style CSS. Le style en ligne n'affecte que la balise où il se trouve et les sous-balises qui y sont imbriquées.
Il est recommandé de ne pas utiliser de CSS en ligne car chaque balise HTML doit être stylisée séparément, et la gestion de votre site Web peut devenir très difficile si vous utilisez uniquement du CSS en ligne. Toutefois, cela peut être utile dans certaines situations. Par exemple, dans les situations où vous n'avez pas accès aux fichiers CSS ou où vous devez uniquement appliquer des styles à un seul élément. Un exemple de page HTML avec CSS en ligne est le suivant :
<!DOCTYPE html>
<html>
<body style="background-color:black;">
<h1 style="color:white;padding:30px;">Hostinger Tutorials</h1>
<p style="color:white;">Something usefull here.</p>
</body>
</html>2. Utilisez la balise de style pour écrire de manière centralisée le code CSS dans la balise head du document HTML
Le format de la syntaxe de base est le suivant :
<head>
<style type="text/CSS">
选择器 {属性名1:属性值1;属性名2:属性值2;属性名3:属性值3;....}
</style>
</head>Dans la syntaxe, la balise style est généralement située après la balise title dans la balise head, et elle peut également être placée n'importe où dans le document HTML.
type="text/CSS" peut être omis en HTML5, et l'écriture est plus conforme aux standards, donc cet endroit peut être écrit ou omis.
Exemple :
<head>
<style type="text/css">
p {color:white; font-size: 10px;}
.center {display: block; margin: 0 auto;}
#button-go, #button-back {border: solid 1px black;}
</style>
</head>(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)
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!