Maison > Article > interface Web > Où peut-on placer le code CSS en HTML

Où peut-on placer le code CSS en HTML

奋力向前original: 2021-09-07 12:06:038943parcourir

L'emplacement du code CSS : 1. Utilisez directement l'attribut style et mettez-le dans la balise html avec la syntaxe "36643f942ea2f34798a5b9cbba7e26c6" 2. Utilisez la balise style pour écrire le css. code dans l'en-tête du document. Dans la balise interne, la syntaxe est "c9ccee2e6ea535a969eb3f532ad9fe89css code531ac245ce3e4fe3d50054a55f265927".

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 syntaxe de base est le suivant :

<element style="value">

Dans la syntaxe, style est un attribut de 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. style是标签的属性，实际上任何HTML标签都拥有style属性，用来设置行内式。其中属性和值的书写规范与CSS样式规则相同，行内式只对其所在的标签及嵌套在其中的子标签起作用。

建议不要使用内联CSS，因为每个HTML标记都需要单独设置样式，如果您只使用内联CSS，管理网站可能会变得十分困难。但是，它在某些情况下很有用。例如，在您无法访问CSS文件或仅需要为单个元素应用样式的情况下。带有内联CSS的HTML页面示例如下所示：

Hostinger Tutorials

Something usefull here.

2、使用style标签把css代码集中写在HTML文档的head头部标签中

基本语法格式如下：

<head>
<style type="text/css">
css代码
</style>
</head>

语法中，style标签一般位于head标签中title标签之后，也可以把他放在HTML文档的任何地方。

style type="text/CSS"

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 du 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 ressemble à ceci :

Tutoriels Hostinger

Quelque chose d'utile ici.
2. Utilisez la balise style pour écrire le code CSS dans la balise head du document HTML

Le format de syntaxe de base est la suivante：

<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>

Dans la syntaxe, la balise style est généralement située après la balise title dans la balise head, et peut également être placé n'importe où dans le document HTML.

style type="text/CSS" peut être omis en HTML5, et il est plus conforme aux spécifications, donc cet endroit peut être écrit ou omis. 🎜🎜Exemple : 🎜rrreee🎜🎜Connaissances étendues : 🎜🎜🎜🎜Le nom complet de HTML est Hypertext Markup Language, qui est un langage de balisage qui contient une série de balises. Ces balises peuvent unifier les formats de documents sur le réseau et connecter des ressources Internet dispersées en un tout logique. Le texte HTML est un texte descriptif composé de commandes HTML pouvant décrire du texte, des graphiques, des animations, des sons, des tableaux et des liens, etc. principalement utilisé en conjonction avec css+js pour créer des pages Web frontales élégantes. 🎜🎜Apprentissage recommandé : 🎜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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment centrer la page en CSSArticle suivant：Comment centrer la page en CSS

Articles Liés

Voir plus