Kio estas la aranĝo de la bloko? Kiel trudi ununuran paĝon de via retejo sur ilia propra?

Estas deziro lerni fari vian propran paĝojn retejoj? Tiam ni jam majstris kion la bloko aranĝo. Aranĝo novulo renkonti kelkajn malfacilaĵojn, ili havas multajn demandojn. Konsideru, kio estas bloko kodita.

Grava pinto

Uzu la WYSIWYG redaktilo, do ĉio estis klara. Kiuj konas HTML bone, laboro en la notlibro, ĉar ili komprenis ĉion. Kaj komencantoj povas utiligi programojn kiel ekzemple FrontPage aŭ, ekzemple, Dreamweaver.

Tipoj de aranĝo lokoj

Ekzistas pluraj specoj de aranĝo:

1. Tabular.
2. Bloko.
3. Miksitaj.

Ni interesiĝas pri la bloko aranĝo. Kio distingas ĝin de la tablo? Ĉe bloko aranĝo uzante DIV etikedo havas iujn avantaĝojn:

1. Ŝarĝi kun la dezajno de la blokoj rapida.
2. Enhavo montrata blokoj (malkiel tabloj) kiel la malŝarĝo okazas. Kiel estas konata, ĉi tiuj tabloj vidigas nur post la tuta tablo.
3. Kodo kun div-s pli facile legebla.

Ne ĉiuj avantaĝoj, kiu estas fama pro la bloko aranĝo.

Kiel ŝanĝi la situon div-blokoj?

Tiu helpos nin flosi - tiu propraĵo, kio kapablas la jenaj:

1. Vicigi lasita - foriris.
2. Vicigi dekstra - dekstre.
3. Elemento restas kie li estas, li ne movi se donitaj neniun. Tiu valoro estos la defaŭlta.

Alia grava trajto, ke ni bezonas - klara. Eble li havas 4 valorojn:

1. Por instalado sub la antaŭa elemento, movi dekstren, bloko - dekstren.
2. Lasis aroj sub la antaŭa elemento, kiu estas movita maldekstren.
3. Ambaŭ - Instalado de antaŭaj delokitaj bloko.
4. Neniu indikas la foreston de limigoj sur la pozicio de la bloko relativa al tiuj elementoj kiuj movis.

ekzemple

Rigardu, ĝi aspektas kiel bloko aranĝo div. Ni skribas niajn kodo:

Sub la kodo vi vidas la rezulton. Tiel, surbaze de pluraj ecoj povas esti kontrolita bloko aranĝo kiel dezirite. Iru al la sekva momento. Ni uzis teksto-align: center, vicigi ĉiun blokon por ajna retumilo.

Kiel vi povas vidi, ĝi estas sufiĉe simpla bloko aranĝo de la retejo. Gravas por studi kaj praktiki la pli propraĵoj kiuj kreos pli fleksebla strukturo de la paĝoj.

Io pli grava

Ekzistas unu populara trajto kiu uzas en la aranĝon - pozicion, ĝi estas uzata por posicionar.

La valoroj por la propraĵoj de pozicio:

1. Parenco - difinas la pozicion de la elementoj relativa al ilia origina lokoj. Apliko maldekstra, supro, Righ, fundo elemento movoj en certa direkto.
2. Statika - normala display ero. Ĝi ne havas sentita uzi la dekstran / maldekstren, supre / sube - tio povas konduki al nenio.
3. Absoluta - absoluta situado elemento.
4. Fiksa - simila absoluta. Ĝi estas ligita al certa punkto sur la ekrano, sed ĝi ne ŝanĝas lian sintenon, eĉ se paĝon turnadon.

Multaj aranĝo rimarkis ke kiam uzanta fiksan, absoluta kaj relativa pozicio de la blokoj estas supermetita. Kaj poste interese scii kiu el la blokoj sube, kiu supre. Por respondi tiun demandon, vi devas z-indekso proprieto. Ĝi alportis aranĝo blokas al nova nivelo. Tiu ebligas ne nur fari la posicionamiento de la aviadilo, sed ankaŭ per la tria akso Z. La valoro de tia propraĵo povas esti pozitiva aŭ negativa.

Krei 3 blokoj. Sekva, eksperimento kun absoluta situado.

Kiel vi povas vidi, estas facile ŝanĝi la pozicion de la blokoj. Surbaze de tio, ke vi nun povas, fari ajnan elementa bloko aranĝo paĝo. Aplikante la plej ecoj vi plibonigos viajn kapablojn.