Hvað er skipulag blokk? Hvernig á að leggja eina síðu á vefsvæðinu þínu á eigin spýtur?

Það er löngun til að læra að gera sínar eigin síður staður? Þá skulum hafa tökum hvað blokk skipulag. Skipulag nýliði mæta fjölda erfiðleika, þeir hafa a einhver fjöldi af spurningum. Hugleiddu hvað er blokk kóðun.

Mikilvægur ábending

Nota á WYSIWYG ritil, svo allt var skýrari. Þeir sem vita HTML vel, vinna í minnisbók, vegna þess að þeir skilja allt. Og byrjendur geta nýtt sér forrit eins og FrontPage eða, til dæmis, Dreamweaver.

Tegundir skipulag síðum

Það eru til nokkrar gerðir af skipulag:

1. Tabular.
2. Block.
3. Blandað.

Við höfum áhuga á blokk skipulag. Það sem aðgreinir það frá borðinu? Á blokk skipulag með div tag hefur ákveðnar kosti:

1. Hlaða með hönnun blokkir hraðar.
2. Efni birt blokkir (ólíkt töflum) sem sækja sér stað. Eins er þekkt, þessar töflur sýna aðeins eftir öllu borðinu.
3. Code með div-s auðveldara að lesa.

Það er ekki allt kostir, sem er frægur fyrir blokk skipulag.

Hvernig á að breyta staðsetningunni div-blokkir?

Þetta mun hjálpa okkur að fljóta - þessa eign, sem er fær um eftirfarandi:

1. Vinstristilla - vinstri.
2. Að samræma rétt - rétt.
3. Element er þar sem hann var, að hann mun ekki fara ef það er gefið ekkert. Þetta gildi verður sjálfgefið.

Annar mikilvægur eiginleiki sem við þurfum - skýr. Hann kann að hafa 4 gildi:

1. Til uppsetningar undir fyrri hlutinn, færa til hægri, blokk - rétt.
2. Vinstri setur undir fyrri frumefni, sem er flutt til vinstri.
3. Bæði - Uppsetning fyrri skorðum blokk.
4. Ekkert bendir fjarveru takmarkanir á stöðu blokk miðað við þá þætti sem eru flutt.

dæmi

Hugleiddu hvernig það mun líta út eins og blokk skipulag div. Við skrifa kóðann okkar:

Undir kóðann sem þú sérð árangurinn. Þannig, á grundvelli nokkrum eiginleikum er hægt að stjórna blokk fyrirkomulag sem óskað er. Fara á næsta augnabliki. Við höfum notað text-align: center, að samræma hverja blokk fyrir öllum vöfrum.

Eins og þú geta sjá, það er alveg einfalt blokk skipulag svæðisins. Það er mikilvægt að læra og æfa fleiri eignir sem mun skapa sveigjanlegri uppbyggingu síðum.

Eitthvað mikilvægara

Það er eitt vinsælasta eiginleiki sem er notaður í skipulag - staða, það er notað til að staðsetja.

Gildin fyrir þessa eiginleika stöðu:

1. Relative - setur stöðu þætti miðað við upprunalegu stöðum sínum. Umsókn vinstri, efst, righ, botn þáttur færist í ákveðna átt.
2. Static - eðlilegt sýna atriði. Það gerir ekkert vit í að nota hægri / vinstri, efst / neðst - það getur leitt til engu.
3. Absolute - alger staðsetning frumefni.
4. Fast - svipað alger. Það er bundið ákveðnum stað á skjánum, en það breytir ekki stöðu sína, jafnvel þótt bls ósvífni.

Margir skipulag tekið eftir því að þegar fasta, alger og ættingja staðsetning blokkir eru ofan. Og þá áhugavert að vita hvaða blokkir neðan, sem hér að framan. Til að svara þessari spurningu, þú þarft Z-Index eign. Það kom án blokkir á nýtt stig. Þetta gerir það mögulegt ekki einungis að gera að staðsetja flugvél, en einnig með þriðja ásinn Z. Gildi slíkrar fasteignar getur verið jákvæð eða neikvæð.

Búa 3 blokkir. Næst, tilraun með hreinum staðsetningu.

Eins og þú geta sjá, það er auðvelt að breyta stöðu blokkir. Á grundvelli þess að þú ert nú fær að gera allir grunn blokk skipulag síðu. Beita fleiri eignir sem þú verður að bæta færni þína.