Maison > Article > interface Web > Comment HTML utilise CSS
Comment HTML utilise CSS
- (*-*)浩original
- 2019-08-26 16:03:592684parcourir
Avec HTML4.0, tout le code de formatage peut être déplacé hors du document HTML et vers une feuille de style distincte (.css).
Comment utiliser les styles(Apprentissage recommandé : Tutoriel d'introduction HTML)
Quand le navigateur Après avoir lu une feuille de style, il formatera le document en fonction de la feuille de style. Il existe trois manières d'insérer une feuille de style :
Feuille de style externe
Lorsque le style doit être appliqué à plusieurs pages, la feuille de style externe sera être un choix idéal. À l'aide de feuilles de style externes, vous pouvez modifier l'apparence de l'ensemble de votre site en modifiant un fichier.
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
Feuille de style interne
Lorsqu'un seul fichier nécessite un style spécial, vous pouvez utiliser une feuille de style interne. Vous pouvez définir des feuilles de style internes via la balise c9ccee2e6ea535a969eb3f532ad9fe89
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>Styles en ligne
Les styles en ligne peuvent être utilisés lorsque des styles spéciaux doivent être appliqués à des éléments individuels. 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!