Maison > interface Web > tutoriel CSS > Quelles sont les méthodes de mise en page courantes en CSS

Quelles sont les méthodes de mise en page courantes en CSS

王林
Libérer: 2020-07-30 17:39:38
avant
3099 Les gens l'ont consulté

Quelles sont les méthodes de mise en page courantes en CSS

Plusieurs méthodes de mise en page courantes :

(Tutoriel recommandé : démarrage rapide en CSS)

  • Corrigé disposition

  • Mise en page fluide (mise en page adaptative)

  • Mise en page flexible (mise en page rétractable)

  • Positionné mise en page

  • Mise en page flottante

  • Mise en page réactive (requêtes média)

La mise en page fixe signifie que la largeur et la hauteur de la boîte sont fixes. marge, remplissage, etc.

Le flux de disposition fluide fait référence à la largeur, à la hauteur et à la marge de la boîte, et le remplissage est un pourcentage. C'est pourquoi on l'appelle également disposition en pourcentage.

(Tutoriel vidéo recommandé : Tutoriel vidéo CSS )

Il y a les points suivants à noter :

  • Le pourcentage est en fonction de l'élément La taille du parent est calculée

  • L'espacement horizontal ou vertical de l'élément est calculé par rapport à la largeur du parent (marge&padding)

  • Les bordures ne peuvent pas être définies avec des pourcentages

La disposition du positionnement fait référence au positionnement absolu, au positionnement relatif et au positionnement fixe.

Le positionnement flottant est uniquement float:left et float:right n'oubliez pas d'effacer le flotteur.

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:
css
source:csdn.net
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal