# CSS HOME

{% hint style="success" %}
CSS - bu HTML hujjatiga still berish uchun foydalaniladigan til.

CSS HTML elementlarni qanday ko'rsatilishi kerakligini tasvirlaydi.

Ushbu darslikda siz CSS ni boshlang'ich bilimlardan to yuqori darajaga qadar o'rganasiz.
{% endhint %}

## <mark style="color:green;">Har bir bo'limda misollar beriladi</mark> <a href="#har-bir-bolimda-misollar-beriladi" id="har-bir-bolimda-misollar-beriladi"></a>

CSS darsligimizda 100 dan ortiq misollar keltirilgan.

Bizning online editorimiz orqali CSS kodlarni o'zgartirishingiz va tugmani bosish orqali natijalarni ko'rishingiz mumkin.

{% tabs %}
{% tab title="CSS" %}

```css
body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}
```

{% embed url="<https://www.w3schools.com/css/tryit.asp?filename=trycss_default>" %}
{% endtab %}
{% endtabs %}

## <mark style="color:green;">CSSga misollar</mark> <a href="#css-misollari" id="css-misollari"></a>

300 dan ortiq misollar bilan o'rganing! Bizning online editorimiz orqali CSS kodlarini o'zgartirishingiz hamda natijalarni ko'rishingiz mumkin.

## <mark style="color:green;">Menyudan foydalaning</mark>

Ushbu qo'llanmani menyuda keltirilgan ketma-ketlikda o'qishni tavsiya qilamiz.

Agar ekraningiz katta bo'lsa, menyu doim chap tomonda bo'ladi.

Agar ekraningiz kichik bo'lsa, yuqoridagi ☰ menyu belgisini bosish orqali menyuni oching.

## <mark style="color:green;">CSS Shablonlari</mark> <a href="#css-shablonlari" id="css-shablonlari"></a>

Foydalanishingiz uchun bir nechta moshlashuvchan W3.CSS shablonlarini yaratganmiz.

Ulardan o'z dasturlaringiz ichida foydalanishingiz, o'zgartirishingiz, ulashishingiz mumkin.
