CSS bilan veb-sahifani bezash

HTML sahifaning tuzilishini beradi, CSS (Cascading Style Sheets) esa uning ko‘rinishini belgilaydi: rang, shrift, o‘lcham, chekinish. Tuzilma va ko‘rinishni ajratish qulay: bitta CSS fayl yordamida butun saytning dizaynini birdaniga o‘zgartirish mumkin.

CSS qoidasi selektor va figurali qavs ichidagi xossa: qiymat; juftliklaridan iborat. Selektor qaysi elementga qoida tegishli ekanini bildiradi, masalan, h1 — barcha birinchi darajali sarlavhalar, .red — class="red" bo‘lgan elementlar. Eng ko‘p ishlatiladigan xossalar: color (matn rangi), background-color (fon), font-size (shrift o‘lchami), text-align (tekislash), margin va padding (tashqi va ichki masofa).

Qoidalarni <head> ichidagi <style> tegida yozish mumkin: ``html <style> h1 { color: darkblue; text-align: center; } p { font-size: 18px; } .red { color: red; } </style> ` So‘ng kerakli elementga sinf beramiz: <p class="red">Muhim!</p>. Katta loyihalarda CSS alohida .css faylga chiqarilib, <link rel="stylesheet" href="style.css">` orqali ulanadi.

Asosiy xulosalar

• HTML — tuzilma, CSS — ko‘rinish uchun javob beradi.
• CSS qoidasi: selektor { xossa: qiymat; }.
• Sinf (class) bir nechta elementga bir xil uslub berishga imkon beradi.
• CSS ni alohida faylga chiqarib, ko‘p sahifaga ulash mumkin.