Maison > Article > interface Web > Le CSS peut-il être écrit en HTML ?

Le CSS peut-il être écrit en HTML ?

藏色散人original: 2020-12-03 12:02:204713parcourir

css peut être écrit en HTML. Les méthodes d'écriture sont : 1. Écrivez css dans la balise de style de la balise head ; 2. Ajoutez l'attribut de style directement au code HTML, puis définissez le code css dans l'attribut.

L'environnement d'exploitation de ce tutoriel : système windows7, version css3&&html5, ordinateur Dell G3.

Recommandé : "Tutoriel vidéo CSS" "Tutoriel vidéo HTML"

Comment écrire du CSS en HTML :

1. Feuille de style interne - écrivez css dans la balise de style de la balise head

Lorsqu'un seul fichier nécessite des styles spéciaux, vous pouvez utiliser la feuille de style interne. Vous pouvez définir des feuilles de style internes via la balise c9ccee2e6ea535a969eb3f532ad9fe89 La balise

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

c9ccee2e6ea535a969eb3f532ad9fe89 est utilisée pour définir les informations de style pour les documents HTML.

Avec style, vous pouvez spécifier comment le document HTML doit être rendu dans le navigateur.

L'attribut type est obligatoire et définit le contenu de l'élément style. La seule valeur possible est "text/css". L'élément

style est situé dans la section head.

2. Style en ligne - ajoutez l'attribut de style directement au code HTML, puis définissez le code CSS dans l'attribut

Lorsque des styles spéciaux doivent être appliqués à des éléments individuels, vous pouvez utiliser styles en ligne style couplet. La façon d'utiliser les styles en ligne consiste à utiliser l'attribut style dans la balise appropriée. Les propriétés de style peuvent contenir n'importe quelle propriété CSS. L'exemple suivant montre comment modifier la couleur et la marge gauche d'un paragraphe.

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

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!

html5 css css3 html 样式表外边距

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：Que dois-je faire si myeclipse css ne fonctionne pas ?Article suivant：Que dois-je faire si myeclipse css ne fonctionne pas ?

Articles Liés

Voir plus