Какво е разположението на блока? Как да се наложи една страница от сайта си сами по себе си?

Налице е желание да се научат да направите свои собствени страници сайтове? Тогава да са овладели какво оформление блок. Разпределение новак се срещне с редица трудности, те имат много въпроси. Помислете за това, което е блок кодиране.

Важен съвет

Използвайте редактор WYSIWYG, така че всичко е ясно. Тези, които познават добре HTML, работа в бележника, защото те разбират всичко. И начинаещите могат да се възползват от програми като FrontPage или, например, Dreamweaver.

Видове оформление сайтове

Съществуват няколко вида на разпределение:

1. Таблично.
2. Блок.
3. Смесени.

Ние се интересуваме от разположението на блока. Какво го отличава от масата? В блок оформление с помощта на DIV таг има определени предимства:

1. Заредете с дизайна на блоковете по-бързо.
2. Съдържанието, показвано блокове (за разлика от таблици), както се случва с мишката. Както е известно, тези таблиците ще показват само след цялата таблица.
3. Код с DIV-а-лесно да се чете.

Това е не всички предимства, което е известно с оформлението на блок.

Как да промените местоположението Разделение блокове?

Това ще ни помогне да плува - този имот, който е в състояние на следното:

1. Подравняване вляво - наляво.
2. За да е отдясно - прав.
3. Element остава къде е, той няма да се движат, ако се прилага такава. Тази стойност ще бъде по подразбиране.

Друга важна особеност, че се нуждаем - ясно. Той може да има 4 стойности:

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

пример

Помислете как ще изглежда блок оформление DIV. Ние пишем код:

Под кода, който виждате резултата. По този начин, въз основа на няколко свойства може да се контролира блок разположение по желание. Отидете в следващия момент. Използвали сме текст подравняване: център, за да се приведе в съответствие всеки блок за всеки браузър.

Както можете да видите, това е съвсем проста блок оформление на сайта. Важно е да се учат и да практикуват повече свойства, които ще създадат по-гъвкава структура на страниците.

Нещо по-важно,

Има една популярна функция, която се използва в оформлението - позиция, тя се използва за позициониране.

Стойностите за свойствата на позиции:

1. Относителна - определя позицията на елементите в сравнение с първоначалните им места. Заявление наляво, отгоре, Righ, дънен елемент се движи в определена посока.
2. Статичен - нормална позиция на дисплея. Няма никакъв смисъл да се използва надясно / наляво, отгоре / отдолу - това може да доведе до нищо.
3. Absolute - абсолютно позициониране елемент.
4. Фиксирана - подобно абсолютно. Той е свързан с определен момент на екрана, но това не променя позицията си, дори и ако страница обръщане.

Много оформление забелязали, че когато се използва фиксирана, абсолютно и относително позициониране на блоковете се наслагват. И след това е интересно да се знае кои от блоковете долу, които по-горе. За да отговорим на този въпрос, трябва Z-индекс собственост. Тя донесе оформление блокове на ново ниво. Това дава възможност не само да се правят на позиционирането на самолета, но и с помощта на третата ос Z. Стойността на такъв имот може да бъде положителен или отрицателен.

Създаване на 3 блока. На следващо място, експеримент с абсолютно позициониране.

Както можете да видите, че е лесно да промените позицията на блоковете. Въз основа на факта, че сега вие сте в състояние да направи всеки елементарен блок на оформлението на страницата. Прилагането на повече свойства ще подобрите уменията си.