Quelles sont les trois méthodes de mise en page d’une page Web ?

Les trois méthodes de mise en page Web sont : 1. Flux de documents standard ; 2. Flottant ; 3. Positionnement absolu ; Parmi eux, le positionnement absolu est complètement séparé du flux de documents standard, établissant un positionnement basé sur le bloc conteneur, et possède des attributs de décalage et des attributs z-index.

Recommandations d'apprentissage associées : Tutoriel vidéo sur la production de sites Web

Trois façons de mettre en page une page Web :

1 : Flux de documents standard

1. left Vers la droite (éléments au niveau du bloc [div, ul, li, dl, dt, p] et éléments au niveau de la ligne [hanging plate, img, strong, input])

2. Modèle de boîte

1) Attributs du modèle de boîte :

bordure,

remplissage de la marge intérieure [(haut, droite, bas, gauche) (haut, gauche, gauche, bas) (haut, bas , gauche)], bord extérieur Marge de distance [(supérieur, droit, inférieur, gauche) (supérieur, gauche, droite, inférieur) (supérieur, inférieur, gauche et droite)].

3. Modèle 3D de la boîte

1) Niveau du modèle 3D de la boîte

1, bordure

2, contenu + rembourrage ; >3, background-img;

4, background-color;

5, margin

4. marge + Taille du contenu au milieu de la boîte

2 : flottant flottant

flotteur : gauche, droite, aucun

Flotteur clair :

1. clear : les deux ; (généralement utilisé pour effacer les flotteurs des éléments immédiatement derrière)

2. Définir la largeur en même temps : 1000 % (largeur fixe) + débordement : caché ;

Remarque : (lorsque le parent contient Lors d'une réduction rapide en une seule ligne, la méthode clear : les deux n'est pas valide ; utilisez généralement la deuxième méthode d'effacement des flottants)

Trois : Positionnement absolu

1 Positionnement statique 2 Positionnement relatif Positionnement 3 Positionnement absolu

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!