CSS Ne Demek?

CSS, “Cascading Style Sheets” (Basamaklı Stil Şablonları) anlamına gelir ve web sayfalarının görünümünü ve düzenini belirlemek için kullanılan bir stil dilidir. HTML (HyperText Markup Language) ile birlikte çalışarak, web sayfalarının tasarımını ve düzenini ayarlar. CSS, web geliştirmede önemli bir rol oynar çünkü içeriği (HTML) stil ve düzen (CSS) ile ayırarak daha esnek ve sürdürülebilir web siteleri oluşturulmasını sağlar.

CSS’nin Temel Özellikleri

1. Stil ve Düzen Kontrolü:
   • Tanım: CSS, HTML belgelerinin stilini ve düzenini kontrol eder. Metin rengi, yazı tipi, kenar boşlukları, hizalama, arka plan renkleri ve resimleri gibi özellikler CSS ile belirlenir.
   • Örnek: Bir paragrafın rengini kırmızı yapmak için CSS kullanılır:
     css

     Kodu kopyala

     p {
color: red;
}

2. Ayrı Dosyalar:
   • Tanım: CSS kuralları genellikle ayrı bir dosyada (örneğin, styles.css) saklanır ve HTML belgelerine bağlanır. Bu, stil ve içeriğin ayrılmasını sağlar ve stilin birden fazla HTML belgesi tarafından paylaşılmasına olanak tanır.
   • Örnek:
     html

     Kodu kopyala

     <link rel="stylesheet" href="styles.css">

3. Seçiciler ve Kurallar:
   • Tanım: CSS, seçiciler ve kurallardan oluşur. Seçiciler, hangi HTML öğelerinin stil kurallarını uygulayacağını belirtir, kurallar ise uygulanacak stili tanımlar.
   • Örnek: Tüm başlık etiketlerine (h1) stil uygulamak için bir seçici ve kural:
     css

     Kodu kopyala

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

4. Responsive Tasarım:
   • Tanım: CSS, medya sorguları kullanarak web sitelerinin farklı ekran boyutlarına uyum sağlamasını (responsive design) kolaylaştırır.
   • Örnek:
     css

     Kodu kopyala

     @media (max-width: 600px) {
body {
background-color: lightblue;
}
}


CSS’nin Kullanım Alanları

1. Web Tasarımı:
   • Tanım: CSS, web sitelerinin görünümünü ve kullanıcı deneyimini geliştirmek için kullanılır. Renkler, yazı tipleri, düzenler ve animasyonlar CSS ile kontrol edilir.
   • Örnek: Bir web sayfasının görünümünü ayarlamak için CSS kullanılır.
2. Web Uygulamaları:
   • Tanım: CSS, web uygulamalarının kullanıcı arayüzünü (UI) tasarlamak için kullanılır. Uygulama bileşenlerinin düzenini ve stilini belirler.
   • Örnek: Bir web tabanlı uygulamanın form öğelerinin görünümünü ayarlamak için CSS kullanılır.
3. Mobil Uygulamalar:
   • Tanım: Mobil uyumlu web siteleri ve uygulamalar oluşturmak için CSS kullanılır. Medya sorguları ve esnek düzenler, mobil cihazlarda optimal görüntüleme sağlar.
   • Örnek: Mobil cihazlar için bir web sitesinin düzenini optimize etmek için CSS kullanılır.