Comment utiliser les balises div-tutoriel HTML-php.cn

Comment utiliser les balises div : 1. La balise div peut obtenir le style en définissant la classe ou l'identifiant ; 2. La balise div peut également obtenir le style directement via la méthode en ligne.

Comment utiliser les balises div

L'environnement d'exploitation de cet article : système Windows 7, ordinateur Dell G3, version HTML5&&CSS3.

Utilisation des balises div : la balise div peut obtenir le style en définissant la classe ou l'identifiant, ou obtenir directement le style via la méthode en ligne

Parties séparées et distinctes. Il peut être utilisé comme un outil d’organisation strict et n’utilise aucun formatage qui lui est associé. Ensuite, je présenterai comment utiliser div dans l'article, qui a une certaine valeur de référence. J'espère que cela sera utile à tout le monde

Signification de div :

. La balise div est appelée Les balises de séparation peuvent définir des partitions ou des sections dans un document, dans le but de diviser le document en parties indépendantes et différentes. Il peut définir la position du texte, des images, des tableaux et d'autres éléments.

div est un élément utilisé pour fournir la structure et l'arrière-plan du contenu au niveau des blocs dans les documents HTML. Tout ce qui se trouve entre les balises de début et de fin du div est utilisé pour former ce bloc, et les propriétés des éléments contenus seront contrôlées par les attributs de la balise div, ou en utilisant une feuille de style.

Utilisation de div :

est un élément de niveau bloc, ce qui signifie que son contenu occupera automatiquement une ligne. Des styles supplémentaires peuvent être obtenus via la classe ou l'identifiant du div, mais il n'est pas nécessaire d'ajouter un sélecteur à chaque div.

Vous pouvez appliquer des attributs class ou id au même élément

, mais généralement un seul d'entre eux est appliqué. La principale différence entre les deux est que class est utilisé pour les éléments de classe (qui peuvent être compris comme un certain type d'éléments), tandis que id est utilisé pour identifier des éléments individuels et uniques.

[Cours recommandé : Cours HTML]

Exemple : Utilisation sans ajout de sélecteur à div

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
 <div style="color:pink">
  <h1>div的用法</h1></div>
</body>
</html>

Copier après la connexion

Rendu :

Comment utiliser les balises div

Exemple : Ajouter un sélecteur de classe à div

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.demo{
width:450px;
height: 300px;
background: pink;
text-align: center;
line-height: 300px;
font-size: 20px;
}
</style>
</head>
<body>
 <div>div的用法</div>
</body>
</html>

Copier après la connexion

Rendu :

Comment utiliser les balises div

Résumé : ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à tout le monde d'apprendre le div

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!

Étiquettes associées：

div

source：php.cn

Article précédent：Comment utiliser la balise de sélection du contrôle de formulaire Article suivant：Quelle est la différence entre div et span

Déclaration de ce site Web

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

Derniers articles par auteur