К содержанию

HTML va CSS bo‘yicha yangi boshlanuvchilar uchun o‘quv qo‘llanma

HTML va CSS tillarida veb-sahifa yasash bo‘yicha yangi boshlanuvchilar uchun batafsil nazariya va mashqlar to‘plamini o‘z ichiga olgan oddiy o‘quv qo‘llanma.

Selectorlar

HTML teglarining qarindoshlik aloqalari

CSS xususiyatlarining meros olinishi

CSSda selektorlarni guruhlash

CSS-da selektorlarni guruhlashda umumiy xususiyatlar

CSS-da avlod selektorlari

CSSda farzand selektori

CSS dagi element klasslari

Matndagi parcha uchun span tegi HTMLda

HTML dagi teglarni guruhlash uchun div tegi

CSS-da klasslarni guruhlash

CSSda berilgan klassli teg

CSSda avlod selektorlari va klasslar

CSS-da avlod tanlovchilari va sinflarning murakkab kombinatsiyalari

Yangi boshlanuvchilarning vorislar selektoridagi xatosi

Bir nechta CSS klassiga ega element

CSSda noyob id orqali elementni tanlash

Id bo‘yicha selektor va CSS klasslari

CSSda iddan foydalanish

CSSda bir nechta klass bo‘yicha elementlarni tanlash

CSS-da bir nechta selektorlarni qo‘shib yozish

Bir nechta CSS selektorlaridan foydalanishda xato

CSSda Murakkab Selektorlarni Guruhlash

Murakkab CSS selektorlarini guruhlashda xato

CSS selektorlar kombinatsiyalari bo‘yicha amaliy mashqlar

CSS Selectorlarining Prioriteti

CSS xususiyatlari nizosi haqida eslatma

CSSda Spesifiklik Qoidalari

CSS-da avlod selektorlarining ustunligi

CSS-dagi Qo'shni selektor

CSSda qarindosh selektor

CSSda Universal Selektor

CSSda atribut selektorlari

CSSda havolalarning holatlari

CSSda havolalar holatlarining ketma-ketligi nuanslari

CSS-da link va visited holatlar

CSSda havolalar holatlaridan oddiy foydalanish

CSSda havolalar holatlariga ega murakkab selektorlar

CSS-da klassli havola

CSSda oxirgi elementlarni tanlash

CSSda elementlarning pozitsiyasi bo‘yicha tanlash

CSSda yagona avlodni tanlash

CSSda bo'sh elementlarni tanlash

CSSda elementlarning o‘rni va turi bo‘yicha tanlash

CSS da inkor selektori

Bezash

CSSda fon rangini o'rnatish

CSSda chegaralar bilan ishlash asoslari

CSS-da Qattiq Chegara

CSS-da nuqta chegarasi

CSSda chiziq chegarasi

CSS-da qavariq chegara

CSSda ikkita chegara

CSSda chegaralar uchun qisqartirilgan xususiyat

CSSda alohida tomonlar uchun chegara

CSSda blok chegaralarini yaxlitlash

CSSda fon chetlarini yaxlitlash

CSS-da doira yaratish

CSSda turli burchaklar uchun turli yumaloqliklar

CSSda turli burchaklar uchun to'rtta yaxlitlash qiymati

CSSda turli burchaklar uchun ikkita qiymatli yaxlitlash

CSSda turli burchaklar uchun uchta yaxlitlash qiymati

CSSda foizlarda yumaloq burchaklar

CSSda foizlarda yaxlitlash orqali doira yaratish

CSSda fon rasmi

CSSda fon rasm takrori

CSSda fon uchun boshqa xususiyatlar

Ro'yxat markerlarini CSSda o'zgartirish

Ro‘yxatlarning kvadrat markerlari ul CSSda

Ro‘yxat ul markerlarini CSS-da doira shaklida qilish

Ro'yxat belgilari ul bilan CSSda ishlash

CSS da ul ro'yxat belgilarini olib tashlash

Ro'yxat markerlarini ol bilan CSSda ishlash

CSS da ro'yxatlar ol uchun kichik rim raqamlari

Ro‘yxatlar ol uchun bosh harfli rim raqamlari CSS da

CSS da ro'yxatlar uchun kichik lotin harflari

Ro‘yxatlar ol uchun CSS-da bosh lotin harflari

CSS da ro'yxatlar ol uchun satr grek harflari

CSS da ro'yxatlar uchun oldida noli raqamlar

Blok modeli

CSSda margin chet joylanishlari bilan ishlash

CSSda turli tomonlar uchun margin chet bo'shliqlari

CSS-da margin xususiyatida bir nechta qiymat

CSS-dagi margin xususiyatidagi to‘rtta qiymat

CSSda margin xususiyatida ikkita qiymat

CSSda margin xususiyatida uchta qiymat

CSS-da padding chekinmalari bilan ishlash

CSS-da turli tomonlar uchun padding chekinishlari

CSS-da padding xususiyatida bir nechta qiymat

CSS-da padding chet joylar bilan ishlash

CSSda elementlarning kengayishiga chegaraning ta'siri

Padding va chegara elementlarning kengayishiga ta'siri CSSda

CSSda elementlarni kengayishni bekor qilish

CSSda blok elementlarining xususiyatlari

CSSda blok elementning kengligi va balandligi

CSS da blok element eni

CSSda blok elementining balandligi

CSSda Kontentisiz Blok Element Balandligi

CSS-da bir nechta blok elementlari yonma-yon

CSS da Satr Elementlarining Xususiyatlari

CSSda satr elementining kengligi va balandligi

CSS-da bir nechta qator elementlari yonma-yon

CSS-da satr elementlari orasidagi joy tashlash

HTML teglarining blok modelini aniqlash

CSS-da display xususiyati bilan ishlash

CSS-da satir-blok elementlarining xususiyatlari

CSSda satr-blok elementining kengligi va balandligi

CSSda satr-blok elementining kengligi

CSS-da chiziqli-blokli elementning balandligi

CSS-da bir nechta qator-blok elementlarni yonma-yon joylashtirish

CSS da Blok Elementlarni Markazga Joylash

CSSda chap chetidan joy tashlab blok elementni tekislash

CSSda o'ng chetidan chekinishli blok elementni tekislash

CSSda satr elementlarini tekislash

CSSda Satr Elementlarini Markazlashtirish

Bir nechta satrli elementlarni markazlashtirish

CSSda satr elementlarini o‘ng chetga tekislash

Satrli-blok elementlarni CSSda tekislash

CSSda Satr-blok Elementlarni Markazlashtirish

CSS-da chiziqli-blok elementlarni o'ng chetiga joylash

CSS dagi Fleks Elementlar

CSSda Fleks Elementlar Ota-onalarining Balandligi

CSS da fleks elementlar ota-onasining kengligi

CSSda Fleks Elementlarning Satr-blok Ota Elementi

CSS da fleks elementlar ota-onasining padding chet bo'shliqlari

CSSda avlodlar uchun margin chet qoʻyishlari

CSS da flex elementlarni tekislash

CSSda Fleks Elementlarni Markazga Joylash

CSSda fleks elementlarni ota-onalariga nisbatan joylash

Fleks elementlarni chetlaridan joy olgan ota-ona bilan tekislash

Fleks Elementlarni Ota Elementga Teng Chet Oralig‘i bilan Joylashtirish

Pozitsiyalash

CSSda elementlarni absolyut pozitsiyalash

CSSda elementlarning nisbiy pozitsiyalashuvi

CSSda ota-ona nisbatan pozitsiyalash

CSSda absolyut ota-ona nisbatan pozitsiyalash

CSSda koordinatalarsiz absolyut pozitsionlash

CSSda absolyut orqali markazlashtirish

CSSda pozitsiyalashda salbiy qiymatlar

CSSda belgilangan pozitsiyalash

CSSda ekranning to‘liq kengligini egallovchi blok

CSS da Z o'qi bo'yicha elementlarni qoplash

CSSda Z o'qi bo'yicha elementlarni qoplamani tartibga solish

CSS-da z-index ning manfiy qiymatidan foydalanish nuanslari

Floatlash

CSS-da float xususiyatiga kirish

CSSda suzuvchi elementlarning teglar orqali kirib kelishi

CSS-da float va margin birgalikda

CSS-da float va padding birikmasi

CSS-da teglar ostidagi suzuvchi elementlar

CSSda float elementlarning ota elementga ta'siri

CSSda float elementlar ota elementining balandligi

CSS da floatlar ota-onasidagi matn

CSS da Oqim

CSS-da clear xususiyati yordamida oqimni bekor qilish

CSS-da alohida div bilan clearfix

CSSda ota-ona balandligi va clearfix

CSSda bloklar uchun float xususiyati

CSS-da float xususiyati va bir nechta bloklar

CSS-da float xususiyati va matnsiz ota-ona

Flekslar

CSSda fleks elementlarni qator yoki ustun shaklida joylashtirish

CSSda fleks elementlarni teskari qatorda joylashtirish

CSS da fleks elementlarni ustunga joylash

CSS-da fleks elementlar bilan ustunni aylantirish

CSS da fleks bloklaridagi asosiy va kesish o‘qlari

CSS da Fleks Elementlarni Asosiy O‘q Bo‘yicha Joylashtirish

CSSda Fleks Bloklarni Ko'ndalang O'q Bo'yicha Joylashtirish

CSSda align-items xususiyatining center qiymati

CSS-da balandligi bo'lmagan bloklarni markazlashtirish

Turli balandlikdagi bloklarni CSSda markazlash

CSS-da align-items xususiyatining stretch qiymati

CSS-da o'qlar bo'yicha joylashtirish amaliyoti

CSS da flex modelida alohida elementni tekislash

CSS-dagi flex bloklar tartibi

Gridlar

CSS Gridga kirish

CSS Griddagi treklar va chiziqlar

Brauzer debuggerida Gridlarni ko'rsatish

CSS Gridda ustunlar soni va kengligi

CSS Gridlarida fr birligi

CSS gridlarida kasr birliklari fr

CSS Gridlarda Piksel va fr birliklari

CSS Gridda foizlar va fr birliklari

CSS Griddagi repeat funksiyasi

CSS Gridlarda auto qiymati

CSS Gridlarda auto-fill qiymati

CSS Gridda minmax funktsiyasi

CSS Griddagi auto-fit qiymati

CSS Grid-da qatorlar soni va kengligi

CSS Gridlarida qatorlar va ustunlar uchun qisqartma

CSS Gridda qatorlarni birlashtirish

CSS Gridda ustunlarni birlashtirish

CSS Gridlarda qator va ustunlar bo‘yicha birlashtirish kombinatsiyalari

CSS Gridda ustunlarni qoplash

CSS Gridda ustunlar orasidagi masofa

CSS Grid-da qatorlar orasidagi masofa

CSS Gridda ustunlar va qatorlar orasidagi masofa

CSS da Grid plitochkalari

Maketlar

CSSda menyu yaratish

CSSda oddiy bir ustunli sayt maketlari

CSSda bir nechta o'rash joylari bilan maket sxemasi

HTML-da saytning struktura bloklari

CSSda ikki ustunli sayt maket sxemasi

CSSda saytning uch ustunli maket sxemasi

Veb-sayt maket elementlari uchun maxsus teglar HTMLda

HTML-dagi asosiy maket teglari

HTMLda bo'limlar uchun teg

HTML va CSS da maketlar bo‘yicha amaliyot