Note
CSS (Cascading Style Sheets) – bu veb-sahifalarning ko‘rinishini boshqarish uchun ishlatiladigan texnologiya. CSS yordamida HTML elementlariga style berish mumkin. CSS orqali veb-sahifalarni zamonaviy va chiroyli ko‘rinishda yaratish mumkin.
- Design Control: HTML elementlarga stylelar qo‘shadi (masalan, matn rangini yoki shrift hajmini o‘zgartirish).
- Separation: HTML strukturasini va styleni ajratadi. Bu dasturlarni tartibli va boshqaruvni osonlashtiradi.
- Reusability: Bir nechta sahifalarda bir xil dizaynni ishlatish imkonini beradi.
- Responsive Design: urli qurilmalar (telefon, planshet, kompyuter) uchun moslashuvchan dizayn yaratadi.
CSS 3 ta asosiy usulda ishlatiladi:
- Inline CSS: HTML elementning ichida yoziladi.
<p style="color: blue; font-size: 20px;">Bu matn ko‘k rangda va 20px kattalikda.</p>- Internal CSS: HTML hujjatning
<head>bo‘limida yoziladi va<style>tegi ichida bo‘ladi.
<style>
p {
color: red;
font-size: 18px;
}
</style>- External CSS: Alohida
.cssfaylda yoziladi va HTML hujjatga<link>orqali ulanadi.
<!-- HTML -->
<link rel="stylesheet" href="styles.css">styles.css faylida:
p {
color: green;
font-size: 16px;
}CSS sintaksisi quyidagi tarkibiy qismlardan iborat:
selector {
property: value;
}- Selector – qaysi HTML elementga style berilishini belgilaydi (masalan, p, h1, .class, #id).
- Property – o‘zgartiriladigan xususiyatni bildiradi (masalan, color, font-size, margin).
- Value – xususiyatga beriladigan qiymat (masalan, blue, 16px, 10px).
h1 {
color: blue; /* H1 teglari ko‘k rangda bo‘ladi */
font-size: 24px; /* Shrift hajmi 24px */
}