Animal Trading cards


Download 0.93 Mb.
bet37/45
Sana31.01.2024
Hajmi0.93 Mb.
#1831329
1   ...   33   34   35   36   37   38   39   40   ...   45
Bog'liq
FrontEnd uz Final

Tarjima:
HTML hujjatining asosi teglardir. Document Object Model (DOM) ga ko'ra, har bir HTML yorlig'i obyekt hisoblanadi. Ichki teglar o'rab turganning "bolalari" dir. Teg ichidagi matn ham obyekt hisoblanadi. Ushbu obyektlarning barchasiga JavaScript-dan foydalanish mumkin va biz ulardan sahifani o'zgartirish uchun foydalanishimiz mumkin. Masalan, document.body bu tegini ifodalovchi obyekt.
2-savol (Reflekt)
Shunday qilib, orqaga o‘girilib, o‘rgangan narsangizga qarang. Shunchaki vaqt ajrating, DOM va hujjat obyekti haqida nima o‘rganganingizni o‘ylab ko‘ring va o‘z so‘zlaringiz bilan "DOM" nima ekanligini tushuntirib yozing.
Jabob
DOM - bu qabul qilingan HTML hujjatining o'zaro aloqalari va atributlari namunasi (namoyishi). DOM "obyekt namunaviy hujjati" degan ma'noni anglatishini unutmang.

3. CSS ma’nosi


Ehtimol, siz bunday narsalarni juda ko‘p ko‘rishga (va yozishga) odatlangandirsiz:
.header {
max-width: 100%;
margin-left: auto;
margin-right: auto
}


.header.header--clone .header__navbar {
height: 4.5rem
}


.header.header--stick {
top: 0;
background-color: #ffffff;
z-index: 8000;
box-shadow: 0px 1px 2px rgba(0,0,0,0.1)
}


.header__navbar {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto;
height: 4.5rem;
padding: 0 1.5em
}
...siz CSSni bilasiz! CSSda kod yozish mahoratingiz ushbu bo‘limda yordam beradi!
Shuni hisobga olgan holda, quyidagi-savollarga javob berishingiz qulay ekanligiga ishonch hosil qilaylik.
1-savol
Quyidagilardan qaysi biri elementning IDsi bo‘yicha stil yaratadi?


Download 0.93 Mb.

Do'stlaringiz bilan baham:
1   ...   33   34   35   36   37   38   39   40   ...   45




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