Alineeu El Lloc Al Centre

Taula de continguts:

Alineeu El Lloc Al Centre
Alineeu El Lloc Al Centre

Vídeo: Alineeu El Lloc Al Centre

Vídeo: Alineeu El Lloc Al Centre
Vídeo: The Game & Skrillex - “El Chapo” 2024, Desembre
Anonim

A l’hora de codificar, l’administrador web ha de fer molts esforços perquè el lloc tingui un aspecte igual de bo en diferents resolucions de pantalla. La millor solució és centrar tot el contingut de la pàgina.

Alineeu el lloc al centre
Alineeu el lloc al centre

Instruccions

Pas 1

El mètode d'alineació central depèn del mètode de disseny. Podeu utilitzar etiquetes o

… Per descomptat, és més fàcil embolicar tot el contingut en una etiqueta, però fa temps que està obsolet i no es garanteix que tot funcioni correctament. La forma més moderna és utilitzar la tecnologia CSS.

Pas 2

L’etiqueta separa una part del codi en un bloc, cosa que permet canviar l’aspecte del contingut, donant al fragment un tipus de lletra, color, fons, etc. Amb el disseny de blocs, tots els continguts de l'etiqueta es col·loquen a l'etiqueta. En establim l'alineació amb l'atribut align. Serà així:

Contingut del lloc

Pas 3

El centratge també es pot configurar mitjançant eines CSS. Per fer-ho, heu de crear un fitxer separat de fulls d’estil o col·locar-ho tot al mateix fitxer HTML, a l’etiqueta. El codi serà així:

* {margin: 0; farciment: 0;}

cos {

text-align: centre;

}

div {

amplada: 700 px;

marge: 0 automàtic;

}

Pas 4

Al disseny de taules, el centratge s’estableix mitjançant taules a l’etiqueta

… El codi serà així: <taula de llocs

… La taula se situarà al centre de la pàgina, respectivament, i el seu contingut també. També podeu definir l’amplada de qualsevol bloc especificant-lo mitjançant el paràmetre d’amplada.

Pas 5

A l’hora d’escollir l’amplada de la pàgina, tingueu en compte que les resolucions de pantalla dels usuaris poden ser molt diferents de la vostra. De vegades, per no equivocar-vos amb la mida, heu d’establir-ho tot en percentatge. Això és especialment útil si teniu un lloc senzill.

Pas 6

Sigui quin sigui el mètode que utilitzeu, assegureu-vos que el vostre lloc funcioni correctament a tots els navegadors. Si per alguna raó es mostra incorrectament en un d'ells, indiqueu-ho.

Recomanat: