Maison  >  Article  >  interface Web  >  Que signifie afficher en CSS ?

Que signifie afficher en CSS ?

王林
王林original
2020-11-16 17:57:3317329parcourir

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.

Que signifie afficher en CSS ?

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!

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