Слоеве в HTML

idе име на индивидуален слой, не трябва да съвпада и да се повтаря!styleе типът на слоя, т.е. начинът, по който се показва. Без тази опция самият тагdivможе да служи само като начин за форматиране на текста в него - без основните функции, присъщи на слоевете - като например поставяне върху всичко.left- разстояние от левия ръб: може да бъде в пикели или като процент от общата ширина на екрана.отгоре -разстояние от върха. добре, вече знаете ширината и височината, няма да ги споменавам.z-index- стойността може да бъде само цифра. Освен това, колкото по-малка е тази цифра, толкова по-висок е слоят спрямо другите слоеве. Изглежда, че дизайнът, изграден върху слоеве, е много по-удобен и по-прост от дизайн, базиран на банални таблици, но има нюанси, както положителни, така и отрицателни. Положителни:

  • удобство за дизайнера - повече свобода и повече ефекти.
  • по-бързо зареждане и без изчакване затварянето на крайния етикет.
  • по-лесно манипулиране на тяхното съдържание
отрицателни страни:
  • трудно се приспособява към променящата се резолюция на монитора. И още по-трудно е да се направи такъв дизайн гъвкав - така че ширината на слоя да се променя според ширината на прозореца. Това, разбира се, може да се направи с помощта на много тромав скрипт, но. губим второто предимство от списъка с положителни.
  • търсачки. много последователности от тагове, без значение как крещят собствениците на търсачките - но те са по-лоши! Извод - бъдете по-прости и те ще ви достигнат.
Такива бисквитени пайове.. Така че слоевете ще останат чисто декоративен елемент, а не основният. Но с помощта на слоеве се получават толкова приятни менюта - в примерите за скриптове можете да намерите много такива лосиони, засега ще разгледаме самоосновните параметри на слоевете като такива.

Допълнителни възможни етикети:цвят на фона:цвят на фонацвят на фона на слоя:цвят на слояграница: 1px няма- ако премахнете "няма", тогава около слоя ще се появи рамка с дебелина 1 пиксел.

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