Maison >interface Web >tutoriel CSS >Que signifie afficher en CSS ?
Que signifie afficher en CSS ?
- 王林original
- 2020-11-16 17:57:3317368parcourir
L'affichage en css est un attribut utilisé pour préciser le type de box qui doit être généré. Pour les types de documents tels que HTML, l'attribut display doit être utilisé avec prudence, sinon il pourrait violer la hiérarchie d'affichage déjà définie en HTML.
Introduction à l'attribut : L'attribut
display spécifie le type de boîte que l'élément doit générer.
Pour les types de documents tels que HTML, utiliser l'affichage sans précaution peut être dangereux car cela peut violer la hiérarchie d'affichage déjà définie en HTML. Pour XML, puisque XML n'a pas ce type de hiérarchie intégré, tout affichage est absolument nécessaire.
(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)
Valeurs d'attribut communes :
aucun Cet élément ne sera pas affiché .
block Cet élément sera affiché comme un élément de niveau bloc, avec des sauts de ligne avant et après cet élément.
en ligne par défaut. Cet élément sera affiché comme un élément en ligne sans saut de ligne avant ou après l'élément.
inline-block Élément de bloc en ligne. (Nouvelle valeur en CSS2.1)
list-item Cet élément sera affiché sous forme de liste.
run-in Cet élément sera affiché sous forme d'élément de niveau bloc ou d'élément en ligne selon le contexte.
Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>display属性的none属性值</title>
<style type="text/css">
body {
background-color: #aaa;
}
.div {
width: 400px;
height: 60px;
border: 1px solid;
margin-top: 10px;
}
.none {
display: none;
}
</style>
</head>
<body>
<div class="div">元素1</div>
<div class="div none">元素2</div>
<div class="div">元素3</div>
</body>
</html>Recommandations associées : Tutoriel CSS
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!