226
226
VI BOB.
WWW-TEXNOLOGIYA VA HTML TILI
BLOKLARNI YASHIRISH
Visibility
xususiyati bloklarni
yashirish imkonini beradi, lekin u element turgan joyni qoldiradi.
Qiymatlari:
• hidden —
elementni yashiradi;
• visible — elementni ko‘rsatadi.
Element yashirilganda, uning o‘rnida bo‘sh joy paydo bo‘ladi. Element turgan о‘rni bо‘sh joy
sifatida akslanmasligi uchun
displey
xususiyatining
none
qiymatidan foydalanish kerak:
ul {
list-style-type
:
none
;
background-color
:
green
;}
li {
display
:
inline
;
color
:
white
;
margin-right
:
10px
; }
li.
process
{
display
:
hidden
;}
CSS
-
Home
-
Products
-
Services
class
="
process
">
About
-
Contact
HTML
NATIJA
Home Products Services Contact
HAVOLALAR BILAN ISHLASH
Havolalar, odatda, brauzerlarda tagiga chizilgan ko‘k rangda ko‘rsatiladi va foydalanuvchilar
ularga kirganidan so‘ng, ular rangini o‘zgartiradi. CSS psevdo-klasslari kirilmagan va hali
ko‘rilmagan havolalar uchun turli uslublarni o‘rnatish imkonini beradi.
Psevdo-class
klassi
class
atributi uchun qo‘shimcha qiymat kabi ishlaydi:
• a: link – havolaning doimiy ko‘rinishi, hali tashrif buyurilmagan havolalar uchun stilni
o‘rnatadi;
• a: visited – avval tashrif buyurilgan havolalar uchun stilni o‘rnatadi;
• a: active – faol havola uchun stilni o‘rnatadi;
• a: hover – sichqoncha havolaga olib borilgandagi stilni o‘rnatadi.
Har bir veb-saytda turli sahifalarga о‘tish oson bо‘lishi uchun navigatsiyalar paneli о‘rnatiladi.
Navigatsiyalar paneli ikki xil: gorizontal va vertikal bо‘lishi mumkin.
AMALIY MASHG‘ULOT
