Maison > Article > interface Web > Comment utiliser les balises div
Comment utiliser les balises div
- 清浅original
- 2018-12-13 13:06:3821542parcourir
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.
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
dc6dce4a544fdca2df29d5ac0ea9906b 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 :
dc6dce4a544fdca2df29d5ac0ea9906b 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 dc6dce4a544fdca2df29d5ac0ea9906b, 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>
Rendu :
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> Rendu :
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!