важност

Дизайнът без таблици е това, което повечето уеб страници имат. Това означава, че повечето разработчици се придържат към CSS класовете, за да проектират изображения и текст на страница. Преди това таблици с клетки, редове и колони контролираха появата на уеб страница. Въпреки това, с дизайн без маси, оформлението се съдържа в контейнер "div". Контейнерът div ви позволява да поставяте части от страницата в различни части на HTML кода и да контролирате отделните секции на страницата си, без да се отразявате на други области.

Вертикален формат

"Valign" собственост е HTML вътрешна марка, която контролира вертикалната позиция на даден обект. Например: ако имате контейнер div с височина 50 пиксела, настройката "valign" в "средата" поставя съдържанието на 25 пиксела надолу от горната част на контейнера. Дори ако преместите контейнера div на друго място, той ще остане центриран вертикално.

CSS класове

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

div {

вертикално-подравняване: средно; }

Този клас вертикално изравнява съдържанието в средата на div, наречен div.

съображения

CSS дизайн изисква време и практика. Ако подравняването е преодоляно за div, можете да разрушите оформлението на останалата част от страницата. Трябва да отворите HTML страницата със съответните й CSS класове във всеки общ браузър като Firefox, Chrome и Internet Explorer, за да се уверите, че дизайнът работи правилно в браузърите на вашите читатели.