Comment utiliser DIV et span en HTML et CSS ?

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.

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!