css haqida ma'lumotlar

DOCX 2 pages 5.5 KB Free download

2 pages

FaylHub.uz

Download via Telegram

Size 5.5 KB

File type DOCX

Pages 2

Updated Dec 2025

Page preview (5 pages)

Scroll down 👇

1 / 2

css haqida ma'lumotlar css (cascading style sheets) veb sahifalarni shakllantirish uchun ishlatiladigan dasturlash tili, html elementlariga stil va tuzish beradi. css yordamida veb sahifalarga ranglar, matn stilini, masshtablari, qatorlar orasidagi masofalar va ko'pincha ko'rinishni sozlash mumkin. cssdi htmlga ulab ishlatishimizdi 3 ta usuli bor: 1) inline - tagdi uziga style atributi yordamida stel berish inline usul deyiladi. tag orqali chaqiriladi. 2) internal usul - elementi ichiga tagi ochamiz ichiga elementi ichidan qaysini stelini o'zgartirmoqchi bo'lsak usha tagni yozamiz va stel beramiz. 3) external usul - kodlarimizni alohida css fayli ochib yozamiz kodlarim html kodlariga aralishib ketmedi qulay va tushunarli bo'ladi. css faylimizdi html faylimizga link orqali ulaymiz: div va span farqi? divni karobka sifatida ishlatamiz. spanni ko'p matnni ichidan ma'lum bir qismini stel berishda ishlatiladi. text-align text - align:center; -textimizni markazga joyledi. text-align: end; -textimizni oxiriga joyledi. text-align:start; -textimizni boshiga joyledi . text-align:right; - textimizni o'ngga ya'ni oxiriga joyledi endga …

2 / 2

i harfini bosh harfda yozadi. text-transform:none; -boshlang'ich o'z holatiga qaytaradi. text-decaration text-decaration:line-through; tagiga uxshedi textni ustiga chiziq chizadi. text-decaration:overline; - yozuvni tepasiga chiziq chizadi. text-decaration:underline; -textni tagiga chiziq chizadi tagiga uxshedi. text-decaration:none; tagiga yozsak linkdi tagidagi chiziqdi o'chirib beradi. css haqida ma'lumotlar reja: 1. box - model (padding, margin), *tagi 2.border, border-radius, box-shadow 3.liner-gradient 4.display:inline-block, block box-model - bu taglar orasidagi masofa, bo'sh joy. padding bu elementimizning border chegarasigacha bo'lgan masofa. padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px; bularni bir qator kodda yozishimiz mumkin. agar 4 ta tomondan xar hil masofa tashlansa : padding:10px 20px 15px 25px; agar tepa va past bir xil, chap va o'ng bir xil masofa tashlash kerak bo'lsa: padding:10px 20px; margin bu elementimizning border chegarasidan tashqaridagi masofa. buni ham bir qator kodda yozish mumkin. margin:10px 20px 30px 40px; *tagi htmlda yuq tag hisoblanadi.yulduzcha tagiga stel bersak htmldagi barcha taglarga tasir qiladi stelimiz. doim yozilishi kerak bo'lgan kodlarimiz bor: *{ …

3 / 2

sh uchun 3-qiymatdi qo'shamiz. box-shadow:5px 10px 10px red; 3-qiymat soyani hiralashish qiymati. soyani orqasidan yana soya berish uchun: box-shadow:5px 10px red, 8px 12px black; textga soya berish uchun: text-shadow:2px 2px red; quyidagi css misollari ko'rib chiqamiz: 1. **ranglar va qatorma**: /* html elementini o'q so'rash (selector) va unga qizil rang berish */ h1 { color: red; } /* barcha paragraph elementlariga katta matn o'lchamini va qora rang berish */ p { font-size: 18px; color: black; } 2. **klasslar va id-lar**: /* bitta klass belgilangan tugmani stilizatsiya qilish */ .button { background-color: blue; color: white; padding: 10px 20px; } /* bitta id belgilangan div elementi ustiga fon rangi berish */ #header { background-color: lightgray; padding: 10px; } 3. **box model**: /* elementning "padding", "margin" va "border" qiymatlari orqali chizilishi */ .box { width: 200px; height: 200px; background-color: yellow; border: 2px solid black; padding: 20px; margin: 10px; } 4. **media queries**: /* …

4 / 2

5 / 2

Want to read more?

Download all 2 pages for free via Telegram.

Download full file

About "css haqida ma'lumotlar"

css haqida ma'lumotlar css (cascading style sheets) veb sahifalarni shakllantirish uchun ishlatiladigan dasturlash tili, html elementlariga stil va tuzish beradi. css yordamida veb sahifalarga ranglar, matn stilini, masshtablari, qatorlar orasidagi masofalar va ko'pincha ko'rinishni sozlash mumkin. cssdi htmlga ulab ishlatishimizdi 3 ta usuli bor: 1) inline - tagdi uziga style atributi yordamida stel berish inline usul deyiladi. tag orqali chaqiriladi. 2) internal usul - elementi ichiga tagi ochamiz ichiga elementi ichidan qaysini stelini o'zgartirmoqchi bo'lsak usha tagni yozamiz va stel beramiz. 3) external usul - kodlarimizni alohida css fayli ochib yozamiz kodlarim html kodlariga aralishib ketmedi qulay va tushunarli bo'ladi. css faylimizdi html faylimizga link orqali ulaymiz: div va s...

This file contains 2 pages in DOCX format (5.5 KB). To download "css haqida ma'lumotlar", click the Telegram button on the left.

Tags: css haqida ma'lumotlar DOCX 2 pages Free download Telegram