Maison  >  Article  >  interface Web  >  Comment utiliser DIV et span en HTML et CSS ?

Comment utiliser DIV et span en HTML et CSS ?

云罗郡主
云罗郡主original
2018-11-05 14:22:193375parcourir

Cet article vous aidera à comprendre et à utiliser « div » et « span » en CSS et HTML, et à les styliser avec CSS. L'objectif principal de l'utilisation de « div » est de diviser le corps principal en parties plus petites, tandis que « span » est utilisé pour définir une zone dans une rangée.

Comment utiliser DIV et span en HTML et CSS ?

Un : utilisez div

dans 1.html pour ouvrir le Bloc-notes et saisir la structure HTML de base. Il contient essentiellement le corps à l’intérieur du HTML.

2. Placez la balise

à l'intérieur de la balise body. Vous devez vous rappeler que div est une balise conteneur, elle doit donc être suivie d'un
, tel que

Vous pouvez donc même utiliser des balises div dans
.

Deux : 1. Dans

Vous pouvez créer un identifiant pour votre

en utilisant #, ou simplement écrire le div et définir sa hauteur, sa largeur, etc. Mais lorsque vous avez plusieurs divs, il est préférable d'utiliser un identifiant.

2. Utilisez span

pour mettre la balise et écrivez du texte, puis fermez-la avec . La balise span est généralement utilisée pour sélectionner une partie d'une ligne et lui appliquer certaines propriétés. Cependant, vous pouvez l'utiliser pour sélectionner plusieurs lignes.

Conseil :

N'oubliez pas que

et sont des balises de conteneur et doivent donc être fermées.

Vous pouvez créer un grand

et y insérer plusieurs

Au lieu d'utiliser des tableaux, vous pouvez utiliser

Ce qui précède est une introduction complète à la façon d'utiliser DIV et span en HTML et CSS. Si vous souhaitez en savoir plus sur le Tutoriel CSS3, veuillez faire attention au site Web chinois php.


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