Разделение таг

Предишен ◈ Следващото

Проучване блок елемент - таг

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







Какво е Разделение в PHP

Ровя в самите основи на изследването на свойствата на блока

в тази статия няма да го направя, и да се покаже някои от моментите, които биха били най-полезни за оформлението на вашия уеб сайт - трябва да се. Можете също да видите и изтеглите сайт проба създаден на блоковете
. който е описан в друга статия.

Примери блокове, използвайки

Пример 1: Блоковете са оформени по такъв начин -

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

Пример 2, без използването на свойства, единици с безрезултатно. Така че винаги трябва да определи параметрите на размера на блока, или размера на разширяването се настройва автоматично, при пълненето. В дадения пример височина, широчина и граница, която е желателно да се посочи веднага, до блока самата видимо място, така че ще бъде по-удобен за позициониране, а по-нататък може да се нулира Гранична (невидими), желания цвят или на петна.







Пример 3: Устройството може да се позиционира някъде върху страницата, за да направите това, което трябва да се определят свойствата на позицията на параметъра и да го помоли идентификатор е например роднина. който елемент има обща поток (един след друг).

ПРИМЕР 4: блокове

не се вписва един с друг, флоатно параметър трябва да бъдат посочени: няма. който забранява поток из квартала и всички други блокове са разположени един зад друг. И ако се настройват параметрите на наляво или надясно - той може да премине покрай левия блок, или надясно.

Както се вижда от примерите, когато блоковете дефинират стилове директно в кода на всеки

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

Пример 5: Създаване на единица със съдържание на текст, който се определя идентификатор е идентификатор = "текст". свойствата на които ще бъдат описани в CSS файл и да организират пълнене в средата на блока, като имотите се подреждат = "център". Ако CSS файлът не съществува, просто един сайт може да бъде една и съща страница, или трябва да зададете свойствата само за тази страница, след което свойствата на единица трябва да бъде поставен в горната част на страницата, преди затварящия маркер , както е показано в Пример 6.

Пример 7: Ако искате да поставите себе си блок в центъра на страницата и след това можете да създадете блок, който ще бъде с ширина от 100%, както и да го настроите да приведе = "център" собственост. и вътре в нея има блока на

. Между другото тези подредби техника се използва през цялото време, защото това е желателно да се запознаят с и практика с този метод на позициониране блокове. Така например, в менюто обикновено се прави чрез поставяне на няколко единици, една в друга, както и тези инвестиции могат да бъдат много.

За удобство, ние определи вдлъбнатини вътрешно тяло, които не по-малък от 10 пиксела е от всички страни - марж: 10px. Изглеждаше на правилното и по-estetichno. Обикновено всички звена трябва да се определят граници от всички страни, а след това кодът ще бъде по-разбираемо.

не може да има нищо
Пример 2 за подреждане блокове DIV

Може би най-данните, които се интересуват от теми:







Предишен ◈ Следващото