Maison  >  Article  >  interface Web  >  Quelle est l’utilisation spécifique du span HTML dans le style CSS ? (exemple)

Quelle est l’utilisation spécifique du span HTML dans le style CSS ? (exemple)

藏色散人
藏色散人original
2018-08-14 12:01:462540parcourir

Cet article présente principalement les attributs de la balise span, le rôle de la balise span et la différence entre span et div.

Permettez-moi de vous donner un exemple simple d'utilisation du code span html :

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>span标签的使用示例</title>
    <meta charset="UTF-8">
    <style type="text/css">
       p{color: #04569A;}
        span{color: red;}

    </style>
</head>
<body>
<div>
    <p>这里是一段文字<span>html span是重点</span>其余没有变色</p>
</div>
</body>
</html>

L'effet est le suivant :

Quelle est l’utilisation spécifique du span HTML dans le style CSS ? (exemple)

Tout le monde devrait savoir Sachez que la plupart des éléments HTML sont définis comme des éléments de niveau bloc ou des éléments en ligne.

L'élément

ici est un élément au niveau du bloc qui définit une section ou une section dans le document et peut être utilisé avec CSS pour définir les attributs de style pour les grands blocs de contenu. L'élément

est un élément en ligne et est utilisé pour combiner des éléments en ligne dans le document. Peut être utilisé comme conteneur pour le texte. Lorsqu'il est utilisé avec CSS, il peut également être utilisé pour définir les propriétés de style pour des parties de texte. Par exemple, le texte rouge ci-dessus.

En fait, si aucun style n'est appliqué à span, le texte dans l'élément span n'aura aucune différence visuelle par rapport aux autres textes. Néanmoins, l'élément span dans l'exemple ci-dessus ajoute une structure supplémentaire à l'élément p. La principale différence entre

span et div est que div est un élément de niveau bloc et que les éléments qui l'entourent seront automatiquement renvoyés à la ligne, tandis que il. Et la balise peut être incluse dans

et devenir un élément enfant de
, mais l'inverse n'est pas vrai.

Ce qui précède fournit une introduction détaillée aux questions liées à "que signifie la balise span", j'espère que cela sera utile aux amis dans le besoin.

【Recommandation de contenu associé】

Classification des balises HTML

Balise HTML


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