html va css tillarining nazariy asoslari

PPTX 20 pages 1.3 MB Free download

20 pages

FaylHub.uz

Download via Telegram

Size 1.3 MB

File type PPTX

Pages 20

Updated Dec 2025

Page preview (5 pages)

Scroll down 👇

1 / 20

powerpoint presentation html vacss tillarining nazariy asoslari alijonova nodirabegim 1. htmlning nazariy asoslari 2. html va css o'rtasidagi munosabatlar 3. cssning nazariy asoslari reja: animatsiya va o'tish effektlari javascript kutubxonalari, masalan, gsap (greensock animation platform) yordamida css animatsiyalaridan ancha murakkabroq va dinamik animatsiyalarni, masalan, 3d animatsiyalarni yaratish imkoniyati mavjud bo'lib, bunday animatsiyalarning samaradorligi 60 fps ga yetadi. `@keyframes` yordamida murakkab animatsiyalarni yaratish mumkin bo'lib, unda 0% dan 100% gacha bo'lgan kalit kadrlar orqali element holatini aniqlab, 2 sekundgacha davom etadigan harakatlarni belgilash mumkin. quti modeli (box model) css quti modeli tarkibiy qismlarga, ya’ni margin, border, padding va content dan iborat boʻlib, har birining oʻlchamlari piksel (px), yoki foiz (%) birliklarida oʻlchanadi va elementning umumiy kengligini va balandligini aniqlaydi. border xossasi element atrofidagi chiziqni, content esa elementning asosiy tarkibini (matn, rasm va h.k.) ifodalaydi; ularning birgalikdagi ta'siri elementning vizual koʻrinishini belgilaydi va 4 ta tomonga (top, right, bottom, left) qoʻllanilishi mumkin. …

2 / 20

entlarini tanlash va ularga uslublarni qo'llash uchun 4 ta asosiy toifaga bo'linadi: element selektorlari, id selektorlari, klass selektorlari va atribut selektorlari. cssda kaskadli uslublar varaqalari (css) bir-biriga bog'liq bo'lgan 3 ta asosiy xususiyatga ega: uslublarni meros olish, o'ziga xoslik va muhimlik darajasi. bu xususiyatlar css kodining tartibini va natijani aniqlaydi. kaskadizasiya printsipi kaskadizatsiya printsipi, css qoidalari o'rtasidagi ziddiyatlarni hal qilishda, aniqrog'i, 4 ta ustunlik darajasini (spesifiklik, muhimlik, ketma-ketlik, manba) hisobga olib, eng yuqori ustunlikdagi qoidani tanlash mexanizmini belgilaydi. ushbu printsip 2-darajali yoki undan yuqori darajadagi selektorlar bilan ishlashda, elementlarga qoʻllaniladigan uslublarni aniqlashda muhim rol oʻynaydi, kaskadli tartibda ustunlik belgilanadi. grid va flexbox tizimlari grid tizimi 12 dan ortiq ustun va satrlarni osongina boshqarish imkonini beradi, bu esa murakkab maketlarni yaratishda juda qulaydir, flexbox esa asosan bir o'lchovli maketlash uchun mo'ljallangan. grid va flexbox birgalikda ishlatilishi mumkin; masalan, grid umumiy sahifani tuzishda, flexbox esa alohida konteyner ichidagi elementlarni tartiblashda qo'llanishi mumkin, …

3 / 20

o'lchamlarini aniqlashda muhimdir. `position` xususiyati elementning joylashuvini belgilashda 4 ta asosiy qiymatlardan birini – `static`, `relative`, `absolute`, yoki `fixed` – ishlatadi va bu elementning o'ziga nisbatan yoki ota-elementga nisbatan joylashuvini aniqlaydi. bu 20px dan 50px gacha bo'lgan siljishni amalga oshirishga imkon beradi. responsiv dizayn asoslari responsiv dizayn viewport meta tegidan (meta name="viewport" content="width=device-width, initial-scale=1") foydalanishni ham o'z ichiga oladi, bu esa sahifaning qurilmaning ekran kengligiga moslashishiga yordam beradi. responsiv dizaynning asosiy tamoyillaridan biri – turli ekran o‘lchamlariga (masalan, 320px dan 1920px gacha) moslashuvchan tarzda sahifani ko‘rsatish uchun css media so‘rovlardan foydalanishdir. o'zgaruvchilar va funksiyalar javascript orqali html elementlarining xususiyatlarini o'zgartirishda, 100 ta elementni tanlash va ularning uslublarini bir vaqtning o'zida funksiya yordamida o'zgartirish mumkin, bu esa kodni qisqartiradi va samaradorligini oshiradi. html va css da o'zgaruvchilar mavjud emas, lekin javascript kabi skript tillari bilan birgalikda ishlatilganda, 20 dan ortiq turdagi ma'lumot turlarini saqlash va ular bilan ishlash imkoniyati paydo bo'ladi. …

4 / 20

tishga, ya'ni matn yoki boshqa elementlar atrofida oqishga imkon beradi, 3 ta asosiy qiymatga ega: left, right va none. position esa elementning joylashuvini aniqlashda 5 ta qiymatni (static, relative, absolute, fixed, sticky) qo'llaydi. selektorlar va xususiyatlar html elementlariga `style` atributi orqali ichki uslublarni qo'shish mumkin, biroq bu usul katta loyihalarda saqlash va o'zgartirishni qiyinlashtiradi, shuning uchun cssni ajratib qo'llash tavsiya etiladi. cssda 4 ta asosiy selektor turi mavjud: element selektori, id selektori, class selektori va atribut selektori. ularning har biri html elementlarini tanlashning turli xil usullarini taqdim etadi. ranglar va shriftlar css da ranglarni shriftlarning o'lchami px (piksel), em (element balandligi), % (protsent) va boshqa birliklarda o'lchanishi mumkin, bu esa dizayn moslashuvchanligini ta'minlaydi. masalan, 16px yoki 1em. semantik html semantik html elementlari, masalan ` `, ` `, ` `, veb-sahifaning mazmunini mantiqiy tuzilishiga bo'ysunib, 5 dan ortiq asosiy blokka ajratish imkonini beradi. semantik html, brauzerlarga sahifa tarkibini tushunishga yordam beradi, …

5 / 20

html va css tillarining nazariy asoslari - Page 5

Want to read more?

Download all 20 pages for free via Telegram.

Download full file

About "html va css tillarining nazariy asoslari"

powerpoint presentation html vacss tillarining nazariy asoslari alijonova nodirabegim 1. htmlning nazariy asoslari 2. html va css o'rtasidagi munosabatlar 3. cssning nazariy asoslari reja: animatsiya va o'tish effektlari javascript kutubxonalari, masalan, gsap (greensock animation platform) yordamida css animatsiyalaridan ancha murakkabroq va dinamik animatsiyalarni, masalan, 3d animatsiyalarni yaratish imkoniyati mavjud bo'lib, bunday animatsiyalarning samaradorligi 60 fps ga yetadi. `@keyframes` yordamida murakkab animatsiyalarni yaratish mumkin bo'lib, unda 0% dan 100% gacha bo'lgan kalit kadrlar orqali element holatini aniqlab, 2 sekundgacha davom etadigan harakatlarni belgilash mumkin. quti modeli (box model) css quti modeli tarkibiy qismlarga, ya’ni margin, border, padding va content...

This file contains 20 pages in PPTX format (1.3 MB). To download "html va css tillarining nazariy asoslari", click the Telegram button on the left.

Tags: html va css tillarining nazariy… PPTX 20 pages Free download Telegram