CSS эмне?

Каскаддуу стильдер тилдери (Cascading Style Sheets) — документтин көрүнүшүн сүрөттөө үчүн колдонулган стиль тил, ал белгиленген тилде жазылган (HTML, XHTML, SVG, XML).

CSSтин негизги функциялары:

Көрсөтүүнү мазмундан ажыратуу: Веб-баракчанын көрүнүшүн өзгөртүүгө мүмкүндүк берет, анын түзүмүн өзгөртпөстөн.
Элементтерди стилизациялоо: Түс, шрифт, өлчөм, аралыктар, чекиттер жана башка визуалдык касиеттерди башкаруу.
Реактивдүү дизайн түзүү: Media Queries аркылуу колдонуучу түзмөктүн мүнөздөмөлөрүнө (экранын чечилиши, багыты жана башка) жараша ар кандай стильдер колдонулушу мүмкүн.
Анимациялар жана өтүүлөр: Визуалдык эффекттер түзүү, интерактивтүүлүк жана колдонуучу тажрыйбасын жакшыртуу.
Макетти башкаруу: Элементтердин жайгашуусун ар кандай техникалар менен (Flexbox, Grid, float жана башка) уюштуруу.

CSS эрежелеринин түзүмү:

/* Селектор */
h1 {
  /* Жарлыктар */
  color: blue; /* Өзгөртүү: мааниси; */
  font-size: 24px;
}

CSSти HTML документине кошуу негизги ыкмалары:

Чет тил файл (<link>): Эң кеңири тараган жана сунушталган ыкма. Стильдер бөлүнгөн .css файлына сакталат:
```
<link rel="stylesheet" href="styles.css">
```
<style> теги ичинде: Стильдер түздөн-түз HTML документинде аныкталат, адатта <head> бөлүмүндө. Кичинекей стильдер же тез тесттер үчүн ылайыктуу.
```
<style>
  p {
    line-height: 1.5;
  }
</style>
```
Инлайн стильдер (style атрибуту): Стильдер конкреттүү HTML элементине style атрибуту аркылуу колдонулат. Жогорку приоритетке ээ, бирок кармоо жана масштабдоо кыйынчылыктарын жаратат.
```
<div style="border: 1px solid black;">
  Бул inline стиль менен div.
</div>
```

Каскаддуулук — браузердин бир нече эрежелер бар учурда кайсынысын колдонорун аныктайт. Каралат:

Селекторлордун артыкчылыгы: Атайындык деңгээли жогору селекторлор артыкчылыкка ээ.
Тартиби: Кийинкиде берилген эрежелер мурдагы эрежелерди алмаштырат, эгерде алардын артыкчылыгы бирдей болсо.
Маңыздуулук (!important): !important менен белгиленген эрежелер эң жогорку артыкчылыкка ээ (эскертүү менен колдонуу керек).
Стильдердин булагы: Автордун стильдери колдунун жана браузердин алдын ала орнотулган стильдеринен артыкчылыкка ээ.