CSS bilan veb-sahifani bezash

HTML sahifa tuzilishini, CSS (Cascading Style Sheets — kaskadli stillar jadvali) esa uning ko‘rinishini belgilaydi. Mazmun va dizaynni ajratish sahifani boshqarishni osonlashtiradi: bitta CSS-fayl butun saytning rangi va shriftini o‘zgartira oladi. CSS qoidasi ikki qismdan iborat: qaysi elementga tegishli ekanligini bildiruvchi selektor va uning xususiyat: qiymat; juftliklari.

Stilni elementga eng oddiy usulda style atributi orqali berish mumkin: <p style="color: blue; font-size: 18px;">Salom</p>. Xususiyatlar nuqtali vergul bilan ajratiladi. Ko‘p ishlatiladigan xususiyatlar: color — matn rangi, background-color — fon rangi, font-size — shrift o‘lchami, font-family — shrift turi, text-align — tekislash (left, center, right).

Ko‘p elementga bir xil stil berish uchun stillarni alohida joyga chiqaramiz. <head> ichidagi <style> tegida yoki alohida style.css faylida yoziladi va <link rel="stylesheet" href="style.css"> bilan ulanadi. Selektor teg nomi bo‘lishi mumkin (barcha p elementlari), sinf (.card — class="card" bilan belgilangan elementlar) yoki identifikator (#menu — id="menu" li bitta element). Sinflar eng ko‘p qo‘llaniladi.

Har bir element "quti" ko‘rinishida tasvirlanadi: mazmun, uning atrofidagi padding (ichki bo‘shliq), border (chiziq) va tashqarisidagi margin (tashqi bo‘shliq). Rangni nom (red), HEX kod (#1e88e5) yoki rgb(30, 136, 229) ko‘rinishida berish mumkin. Dizaynda ranglar sonini cheklang, matn bilan fon o‘rtasida yetarli qarama-qarshilik qoldiring, shunda sahifa o‘qishga qulay bo‘ladi.

Asosiy xulosalar

• HTML — tuzilma, CSS — tashqi ko‘rinish.
• CSS qoidasi selektor va xususiyat: qiymat; juftliklaridan iborat.
• Stil style atributi, <style> tegi yoki tashqi .css faylida beriladi.
• Selektor tur, sinf (.nom) yoki identifikator (#nom) bo‘lishi mumkin; element "qutisi": margin, border, padding.