CSS (Cascading Style Sheets), web sayfalarının görünümünü ve düzenini tanımlamak için kullanılan bir stil dilidir. HTML (Hypertext Markup Language) ile birlikte kullanılarak, web sayfalarının nasıl görüneceğini belirlemek için kullanılır. CSS, sayfanın renkleri, yazı tipleri, arka planlar, boşluklar ve pozisyonlar gibi görsel özelliklerini kontrol etmek için kullanılır.

CSS, HTML'de belirtilen yapının düzenini ve stilini ayrıştırmak için tasarlanmıştır. Bu, web geliştiricilerin içerik ve stili birbirinden bağımsız olarak yönetmelerini sağlar. Bu ayrım, web sitelerinin bakımını kolaylaştırır ve aynı stil kurallarının birden çok sayfa üzerinde tutarlı bir şekilde uygulanmasını sağlar.

CSS'nin temel bileşenleri şunlardır:

1. Selector (Seçici): CSS kurallarının hangi HTML öğelerine uygulanacağını belirler. Örneğin, h1 seçici, HTML belgesindeki tüm başlık 1 (

   ) öğelerini hedefler.

   h1 {
     color: blue;
     font-size: 24px;
   }
   

2. Property (Özellik): Belirli bir HTML öğesine uygulanacak stil özelliklerini belirtir. Örneğin, color ve font-size özellikleri, bir öğenin metin rengini ve yazı tipi boyutunu belirler.

   h1 {
     color: blue;
     font-size: 24px;
   }
   

3. Value (Değer): Bir özelliğin belirli bir öğeye uygulandığında alacağı değeri belirtir. Örneğin, color: blue; kuralında blue bir değerdir.

   h1 {
     color: blue;
     font-size: 24px;
   }
   

CSS, aynı sayfa içinde birçok stil kurallarını bir araya getirebilir ve bu kuralları ayrıca harici stil sayfalarında da tanımlayabilir. Bu sayede bir web sitesinin genel görünümü kolayca değiştirilebilir ve güncellenebilir. CSS, modern web geliştirme süreçlerinin temel bir bileşeni olmuştur.