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

HTML Asoslari

Kirish HTML Tili HTML teglari Atributlar Uslublar Sahifaning Asosiy Tuzilishi Asosiy teglar Xatboshilari Sarlavhalar Matnni qalin qilib belgilash Matnni kursiv qilib belgilash Tartibsiz ro'yxatlar Tartibli ro'yxatlar Havolalar Ichki havolalar Rasmlar Rasm kengligi Rasm balandligi Rasm kengligi va balandligini o'rnatish Jadvallar Jadval kengligi va balandligi Sarlavha kataklari Amaliyot

CSS Asoslari

CSS ga Kirish CSS bilan qanday ishlash Rang uchun qiymatlar Har qanday ranglar Eni va balandligi Matnni tekislash Matnni o'ngga tekislash Matnni markazga tekislash Matnni chapga tekislash Matnni bir vaqtning o'zida o'ng va chapga tekislash Matnni tekislash bo'yicha amaliyot Qalinlik Kursiv Shrift o'lchami Shrift oilasi Qatorlar orasidagi interval line-height qiymati birliksiz Font qisqartmasi xususiyati Matnning qizil qatori Matn effektlari Matnni pastki chizish Matnni yuqori chizish Matnni chizib tashlash Matn uchun effektlarni bekor qilish Amaliyot

Selectorlar

Teglarning qarindoshlik aloqalari Xususiyatlarning meros olishi Selectorlarni guruhlash Umumiy xususiyatlar Avlod selectorlari Farzand selector Class selector Span tegi Div tegi Classlarni guruhlash Berilgan class'li teg Avlod selector va classlar Avlod selector va classlarning murakkab kombinatsiyalari Avlod selectorda yangi boshlanuvchilar xatosi Bir nechta class'li element Id bo‘yicha selector Id bo‘yicha selector va classlar Id'dan foydalanish Bir nechta class bo‘yicha selector Bir nechta selector birgalikda Bir nechta selector xatosi Murakkab selectorlarni guruhlash Guruhlash paytidagi xato Selector kombinatsiyalari bo‘yicha mashq Selectorlarning ustuvorligi Xususiyatlar to‘qnashuviga e'tibor Spesifiklik qoidalari Avlod selectorlarining ustuvorligi Qo‘shni selector Qarindosh selector Universal selector Atribut selectorlari Havolalar holatlari Havola holatlari ketma-ketligining nuanslari Link va visited holatlari Havola holatlaridan oddiy foydalanish Havolalar bilan murakkab selectorlar Class'li havola Oxirgi elementlarni tanlash Pozitsiya bo‘yicha tanlash Yagona avlodni tanlash Bo‘sh elementlarni tanlash Pozitsiya va element turlari bo‘yicha tanlash Inkor not

Bezash

Fon rangi Chegara bilan ishlash asoslari Qattiq chegara Nuqtali chegara Chiziqcha shaklidagi chegara Qavariq chegara Ikkilamchi chegara Chegara uchun qisqartirilgan xususiyat Turli tomonlar uchun chegaralar Blok chegaralarini yaxlitlash Fon chegaralarini yaxlitlash Doira yaratish Turli burchaklar uchun yaxlitlash To'rt qiymat Ikkita qiymat Uchta qiymat Foizlarda yaxlitlash Foizlarda yaxlitlashda doira yaratish Fon uchun rasm Fon rasmini takrorlash Fon uchun boshqa xususiyatlar Ul ro'yxatlarining markerlari Ul ro'yxatlarining kvadrat markerlari Ul ro'yxatlarining doiracha shaklidagi markerlari Ul ro'yxatlarining bo'yalgan doiracha shaklidagi markerlari Ul ro'yxatlarining markerlarining yo'qligi Ol ro'yxatlarining markerlari Ol ro'yxatlari uchun kichik rim raqamlari Ol ro'yxatlari uchun bosh rim raqamlari Ol ro'yxatlari uchun kichik lotin harflari Ol ro'yxatlari uchun bosh lotin harflari Ol ro'yxatlari uchun kichik yunon harflari Ol ro'yxatlari uchun oldida noli bo'lgan raqamlar

Blok modeli

Tashqi chekinish margin Turli tomonlar uchun margin chekinishlari Marginda bir nechta qiymat Marginda to'rt qiymat Marginda ikkita qiymat Marginda uchta qiymat Ichki chekinish padding Turli tomonlar uchun padding chekinishlari Paddingda bir nechta qiymat Elementlarning kengayishi Chegara elementlarning kengayishiga ta'siri Padding va chegara elementlarning kengayishiga birgalikdagi ta'siri Elementlarning kengayishini bekor qilish Blok elementlar Blok elementning kengligi va balandligi Blok elementning kengligi Blok elementning balandligi Tarkibsiz balandlik Yonma-yon bir nechta blok elementlar Satr elementlar Satr elementning kengligi va balandligi Yonma-yon bir nechta satr elementlar Satr elementlar orasidagi chekinishlar Blok modelini aniqlash Display xususiyati Satr-blok elementlar Satr-blok elementning kengligi va balandligi Satr-blok elementning kengligi Satr-blok elementning balandligi Yonma-yon bir nechta satr-blok elementlar Blok elementlarni tekislash Blok elementni chapdan chekinish bilan tekislash Blok elementni o'ngdan chekinish bilan tekislash Satr elementlarni tekislash Satr elementlarni markazga tekislash Bir nechta satr elementlarni markazga tekislash Satr elementlarni o'ng chetga tekislash Satr-blok elementlarni tekislash Satr-blok elementlarni markazga tekislash Satr-blok elementlarni o'ng chetga tekislash Fleks elementlar Fleks elementlar ota-onasining balandligi Fleks elementlar ota-onasining kengligi Satr-blok ota-ona Ota-onaning padding chekinishlari Avlodlarga margin chekinishlari Fleks elementlarni tekislash Fleks elementlarni markazga tekislash Fleks elementlarni ota-ona bo'yicha tekislash Fleks elementlarni ota-ona bo'yicha chekinishlar bilan tekislash Fleks elementlarni ota-ona bo'yicha teng chekinishlar bilan tekislash

Pozitsiyalash

Absolyut Nisbiy Ota-ongaga nisbatan absolyut Absolyutga nisbatan absolyut Koordinatalarsiz absolyut Absolute orqali markazlashtirish Absolyutning manfiy qiymatlari Fiksirlangan pozitsiyalash Ekranning butun kengligidagi blok Elementlarni Z o‘qi bo‘yicha qo‘yish Elementlarni Z o‘qi bo‘yicha qo‘yishni tartibga solish Z-indexning manfiy qiymatini qo‘llashning nuanslari

Floatlash

Float xususiyatiga kirish Float xususiyati va teglar Float va marginning birlashtirilishi Float va paddingning birlashtirilishi Teglar ostidagi suzuvchi elementlar Floatlarning ota-ongaga ta'siri Floatlar ota-ongasining balandligi Floatlar ota-ongasidagi matn O'rab olish O'rab olishni bekor qilish Alohida div clearfix bilan Ota-onga balandligi va clearfix Bloklar uchun float xususiyati Float xususiyati va bir nechta bloklar Float xususiyati va matnsiz ota-onga

Flekslar

Qator yoki ustun joylashuvi Fleks elementlarni teskari qatorda joylash Fleks elementlarni ustunda joylash Fleks elementlar ustunini teskari aylantirish Asosiy va ko'ndalang o'qlar Asosiy o'q bo'yicha tekislash Ko'ndalang o'q bo'yicha tekislash align-items xususiyatining center qiymati Balandliksiz markazlashtirish Turli balandlikdagi bloklarni markazlashtirish align-items xususiyatining stretch qiymati O'qlar bo'yicha tekislash amaliyoti Alohida elementni tekislash Fleks bloklar tartibi

Gridlar

Gridlarga kirish Treklar va chiziqlar Debuggerda ko'rsatish Ustunlar Fr birligi Kasr fr Piksel va fr Foizlar va fr Repeat funksiyasi Auto qiymati Auto-fill qiymati Minmax funksiyasi Auto-fit qiymati Qatorlar Qatorlar va ustunlar qisqartmasi Qatorlarni birlashtirish Ustunlarni birlashtirish Birlashtirish kombinatsiyalari Ustunlarni ustma-ust tushishi Ustunlar orasidagi masofa Qatorlar orasidagi masofa Ustunlar va qatorlar orasidagi masofa Plitka

Maketlar

Menyu yaratish Oddiy bir ustunli sayt maketlari Bir nechta o'rab oluvchilar (wrapper) bilan maketlar sxemasi Saytning strukturaviy bloklari Ikki ustunli maket sxemasi Uch ustunli sayt maketi sxemasi Sayt maketi elementlari uchun maxsus teglar Asosiy maket teglari Bo'limlar (section) uchun teg Maketlar bo'yicha amaliy mashg'ulot
↑
azbydeenesfrkakkptruuz