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



Download 280 Kb.
bet15/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

<span><i><b><a href="/?q=Примечание">Примечание</a></b></i></span> <br />Web-браузер Internet Explorer поддерживает атрибут fixed начиная с вер­сии 7.0. <br />Для указания привязки предназначены следующие атрибуты: <br /><ul> <li/> <br />left — расстояние от левой границы; <br /><li/> <br />top — расстояние от верхней границы; <br /><li/> <br />right — расстояние от правой границы; <br /><li/> <br />bottom — расстояние от нижней границы. <br /></ul> <br />Эти атрибуты могут иметь отрицательные значения. Статически позициони­рованные элементы не имеют атрибутов left, top, right и bottom. <br />Давайте рассмотрим все это на примере (листинг 2.11). <br /> <br />i Листинг 2.11. Позиционирование блоков <br />DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "<u>http</u><u>://</u><u>www</u><u>.</u><u>w</u><u>3.</u><u>org</u><u>/</u><u>TR</u><u>/</u><u>html</u><u>4/</u><u>strict</u><u>.</u><u>dtd</u>"> <br /><html> <head> <br />^^^^озиционирование блоков




Стaтическое позиционирование<^^>
Относительное позиционирование<^^>
Абсолютное позиционирование<^^>
Абсолютное позиционирование внутри родительского блока
top: 50px; left: 50px;

Фиксировaнное позиционировaние
Фиксировaнное позиционирование относительно нижней границы<^^>

Итак, на странице восемь блоков.


Блок div1 имеет абсолютное позиционирование и смещен на 900 px относи­тельно левой границы окна Web-браузера. Для блока также указана большая высота (2000 px). Это позволит увидеть эффект фиксированного позициони­рования для блоков div7 и div8, так как Web-браузер отобразит вертикаль­ную полосу прокрутки.
Блок div2 имеет статическое позиционирование, а блок div3 — относитель­ное. Блок div3 сдвинут на 30 px вниз относительно блока div2, а не от верх­ней границы окна Web-браузера.
Блоки div4, div5 и div6 имеют абсолютное позиционирование. Блок div4 сдвинут на 400 px относительно левой границы окна Web-браузера и на 30 px — относительно верхней. Внутри блока div5 расположен блок div6. Смещения этого блока отсчитываются относительно границ блока div5, а не границ окна Web-браузера.
Блоки div7 и div8 имеют фиксированное позиционирование. Блок div7 де­монстрирует возможность размещения панели навигации в определенном месте, а блок div8 — прикрепление блока к нижней границе окна Web-браузера. Чтобы увидеть отличие от других видов позиционирования пере­местите вертикальную полосу прокрутки вниз. Эти блоки всегда остаются на своих местах и не перемещаются при прокрутке. Однако не следует забывать, что Web-браузер Internet Explorer поддерживает атрибут fixed, начиная с версии 7.0.

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