CSS nedir?

Kademeli Stil Sayfaları (CSS) — belgeyi tanımlamak için kullanılan bir stil dilidir, bu belge işaretleme dili (HTML, XHTML, SVG, XML) ile yazılmıştır.

CSS’nin temel fonksiyonları:

Görünümden içeriği ayırma: Web sayfasının görünümünü, yapısını değiştirmeden değiştirmeye olanak tanır.
Elemanların stilizasyonu: Renkler, yazı tipleri, boyutlar, boşluklar, kenarlıklar ve diğer görsel özellikleri kontrol eder.
Duyarlı tasarım oluşturma: Medya sorguları (Media Queries) kullanılarak, kullanıcının cihaz özelliklerine (ekran çözünürlüğü, yönlendirme vb.) göre farklı stiller uygulanabilir.
Animasyonlar ve geçişler: Etkileşimli efektler oluşturmak ve kullanıcı deneyimini geliştirmek için.
Düzen yönetimi: Flexbox, Grid, floatler vb. teknikler kullanılarak sayfadaki elemanların konumlandırılması.

CSS kural yapısı:

/* Seçici */
h1 {
  /* Bildirimler */
  color: blue; /* Özellik: değer; */
  font-size: 24px;
}

CSS’yi HTML belgesine bağlamanın temel yolları:

Dış dosya (<link>): En yaygın ve önerilen yöntem. Stiller ayrı bir .css dosyasında saklanır.
```
<link rel="stylesheet" href="styles.css">
```
<style> etiketi içinde: Stiller doğrudan HTML belgesinde tanımlanır, genellikle <head> bölümünde. Küçük stiller veya hızlı testler için uygundur.
```
<style>
  p {
    line-height: 1.5;
  }
</style>
```
Satır içi stiller (style özniteliği): Belirli bir HTML öğesine style özniteliği kullanılarak uygulanır. Yüksek önceliğe sahiptir, ancak bakım ve ölçeklendirmeyi zorlaştırır.
```
<div style="border: 1px solid black;">
  Bu div satır içi stil ile.
</div>
```

Kademelenme, tarayıcının aynı element için birden fazla kuralın çeliştiğinde nasıl uygulayacağını belirler. Şunlar dikkate alınır:

Seçicilerin önceliği: Daha özgül seçiciler daha yüksek önceliğe sahiptir.
Sıralama: Daha sonra tanımlanan kurallar, aynı önceliğe sahip kuralları geçersiz kılar.
Önem (!important): !important ile belirtilen kurallar en yüksek önceliğe sahiptir (dikkatli kullanılmalı).
Stillerin kaynağı: Yazarın stilleri, kullanıcının veya tarayıcının varsayılan stillerinden daha yüksek önceliğe sahiptir.