Што е изгледот на блок? Како да се наметне една страница на вашиот сајт на свој?

Постои желба да научат да се направи свој страници сајтови? Тогаш ајде да ја совладале што изгледот на блокот. Распоред почетниците се исполнат голем број на проблеми, тие имаат многу прашања. Размисли за она што е блок кодирање.

Важен совет

Користете уредник WYSIWYG, па сè беше јасно. Оние кои знаат HTML добро, работа во лаптоп, бидејќи тие се разбере сè. И почетниците може да ги искористат предностите на програми како што се FrontPage или, на пример, Dreamweaver.

Видови на изгледот сајтови

Постојат неколку видови на распоред:

1. Табеларен.
2. Блок.
3. Мешани.

Ние сме заинтересирани за изгледот на блокот. Она што го разликува од масата? Во блок изгледот користење div таг има одредени предности:

1. Оптоварување со дизајнот на блокови побрзо.
2. Содржината на екранот блокови (за разлика од табели) како што се случува на преземање. Како што е познато, овие маси ќе се прикаже само по целата маса.
3. Код со div-те полесно за читање.

Тоа не е сите предности, кој е познат по изгледот на блокот.

Како за промена на локацијата div-блокови?

Ова ќе ни помогне да се плови - овој имот, кој е способен за следново:

1. Порамни лево - лево.
2. Да се усогласат во право - право.
3. Елемент останува каде што беше, тој нема да се движат ако им се даде ништо. Оваа вредност ќе биде стандарден.

Друга важна карактеристика дека ние треба - јасно. Тој може да има 4 вредности:

1. За инсталација под претходниот објект, се движи на десно, блок - десно.
2. Лево поставува под претходниот елемент, кој се движи на левата страна.
3. И - Инсталација на претходната раселени блок.
4. Никој укажува на отсуство на ограничувањата на позицијата на блок во однос на оние елементи кои се пресели.

пример

Размислете како тоа ќе изгледа како блок распоред div. Ви го пишуваме нашиот код:

Под шифра ќе го види резултатот. Така, врз основа на неколку својства може да се контролира блок аранжман, како сакате. Оди на следниот момент. Ние се користи текст-align: центар, да се усогласат секој блок за било кој пребарувач.

Како што можете да видите, тоа е прилично едноставна блок изгледот на страницата. Тоа е важно да се учат и практикуваат повеќе својства кои ќе се создаде повеќе флексибилна структура на страниците.

Нешто поважно

Постои една популарна функција која се користи во изгледот - позиција, тој се користи за позиционирање.

Вредностите за својствата на позиција:

1. Релативна - утврдува позицијата на елементи во однос на нивната оригинална локации. Примена лево, горе, righ, долниот елемент се движи во одреден правец.
2. Статични - нормално точка на екранот. Таа не прави никаква смисла да се користи за лево / десно, на почеток / крај - тоа може да доведе до ништо.
3. Апсолутна - апсолутна елемент за позиционирање.
4. Фиксни - слични апсолутна. Таа е обврзана да одредена точка на екранот, но тоа не ја промени својата позиција, дури и ако страница нервира.

Многу распоред забележав дека кога користите фиксна, апсолутна и релативна позиционирање на блокови се преклопуваат. И тогаш интересно да се знае кој на блокови подолу, кои погоре. За да одговориме на ова прашање, треба Z-означувач сопственост. Тоа донесе распоред блокови на едно ново ниво. Ова го прави можно не само да се направи позиционирање на авионот, но, исто така, со помош на третата оска Z. Вредноста на таков имот може да биде позитивен или негативен.

Креирај 3 блокови. Следно, експеримент со апсолутно позиционирање.

Како што можете да видите, тоа е лесно да се промени ставот на блокови. Врз основа на фактот дека сега се во можност, да се направи секоја елементарна блок формата на страната. Примена на повеќе имоти ќе се подобри вашите вештини.