2-qism css asoslari. Web-sahifani stillar yordamida formatash



Download 280 Kb.
bet14/18
Sana06.07.2022
Hajmi280 Kb.
#751362
1   ...   10   11   12   13   14   15   16   17   18
Bog'liq
2-qism CSS asoslari. Web-sahifani stillar yordamida formatash

<112>

Зaголовок

Пaнель навигаиии<^^>

Основное содержимое страницы
Кaкой-то текст


Информaция об авторских правах<^^>

Итак, Web-страница состоит из четырех блоков. Первый блок (header) со­держит заголовок и занимает всю ширину окна. Второй блок (menu) предна­значен для вывода панели навигации. Для этого блока указано выравнивание по левой стороне и обтекание справа. В третьем блоке (text) располагается основное содержимое Web-страницы. Этот блок занимает всю ширину окна после панели навигации. Если изменить размер окна, то блок будет или рас­ширяться, или уменьшаться. Четвертый блок (footer) предназначен для вы­вода информации об авторских правах, а также различных логотипов и счет­чиков. Для этого блока с помощью атрибута clear отменяется обтекание с обеих сторон.


У блочной верстки Web-страницы с помощью float есть один недостаток. Если уменьшить ширину окна Web-браузера, то блоки будут выстроены по вертикали, один под другим. Чтобы избежать этого эффекта мы указали внешний отступ слева (185 px). Благодаря этому блоки всегда будут распо­ложены по горизонтали, независимо от ширины окна Web-браузера.
Следует обратить внимание еще на один момент: содержимому тега
нельзя задать вертикальное выравнивание с помощью атрибута vertical-align. Чтобы добиться центрирования по вертикали мы указали значение атрибута line-height равным высоте блока.
2.12.5. Позиционирование блока
Атрибут position позволяет задать способ позиционирования блока. Он мо­жет принимать одно из четырех значений:

  • static — статическое позиционирование (значение по умолчанию). По­ложение элемента в окне Web-браузера определяется его положением в тексте HTML-документа;

  • relative — относительное позиционирование. Координаты отсчитыва-ются относительно позиции, в которую Web-браузер поместил бы эле­мент, будь он статически позиционированным;

  • absolute — абсолютное позиционирование. Координаты отсчитываются относительно левого верхнего угла родительского элемента;

  • fixed — фиксированное позиционирование. Координаты отсчитываются относительно левого верхнего угла окна Web-браузера. При прокрутке содержимого окна блок не смещается.




Download 280 Kb.

Do'stlaringiz bilan baham:
1   ...   10   11   12   13   14   15   16   17   18




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©hozir.org 2024
ma'muriyatiga murojaat qiling

kiriting | ro'yxatdan o'tish
    Bosh sahifa
юртда тантана
Боғда битган
Бугун юртда
Эшитганлар жилманглар
Эшитмадим деманглар
битган бодомлар
Yangiariq tumani
qitish marakazi
Raqamli texnologiyalar
ilishida muhokamadan
tasdiqqa tavsiya
tavsiya etilgan
iqtisodiyot kafedrasi
steiermarkischen landesregierung
asarlaringizni yuboring
o'zingizning asarlaringizni
Iltimos faqat
faqat o'zingizning
steierm rkischen
landesregierung fachabteilung
rkischen landesregierung
hamshira loyihasi
loyihasi mavsum
faolyatining oqibatlari
asosiy adabiyotlar
fakulteti ahborot
ahborot havfsizligi
havfsizligi kafedrasi
fanidan bo’yicha
fakulteti iqtisodiyot
boshqaruv fakulteti
chiqarishda boshqaruv
ishlab chiqarishda
iqtisodiyot fakultet
multiservis tarmoqlari
fanidan asosiy
Uzbek fanidan
mavzulari potok
asosidagi multiservis
'aliyyil a'ziym
billahil 'aliyyil
illaa billahil
quvvata illaa
falah' deganida
Kompyuter savodxonligi
bo’yicha mustaqil
'alal falah'
Hayya 'alal
'alas soloh
Hayya 'alas
mavsum boyicha


yuklab olish