css ne demek?

CSS (Cascading Style Sheets), web sayfalarının görünümünü kontrol etmek için kullanılan bir stil dilidir. HTML'nin içeriği belirlerken, CSS görünümünü (renk, yazı tipi, boyut, düzenleme vb.) tanımlar. CSS kullanarak web sayfalarınıza stil ve düzen kazandırabilir, daha çekici ve kullanıcı dostu hale getirebilirsiniz.

İşte CSS hakkında bazı önemli noktalar:

CSS'nin Temel İşlevleri:

• Renk seçimi: Metin, arka plan ve diğer öğelerin renklerini belirlemenizi sağlar.
• Yazı tipi stilleri: Yazı tipi ailesi, boyutu, rengi, stili (kalın, italik) gibi özellikleri kontrol etmenizi sağlar.
• Düzenleme: Sayfadaki öğelerin yerleşimini kontrol etmek için kullanılır (örneğin, float, flexbox, grid).
• Arka planlar: Sayfa veya öğeler için arka plan görüntüleri ve renklerini belirlemenizi sağlar.
• Sınıflar ve kimlikler: HTML öğelerine stil uygulamak için sınıflar ve kimlikler kullanmanıza olanak tanır, bu sayede belirli öğelere özel stiller uygulayabilirsiniz.
• Yanıtlama: Farklı ekran boyutlarına göre web sitesinin görünümünü değiştirmenizi sağlar (responsive design).
• Animasyonlar ve geçişler: Web sayfalarına animasyonlar ve geçiş efektleri eklemenizi sağlar.

CSS Yazımı:

CSS kodları, genellikle <style> etiketleri içinde HTML dosyasına eklenir, bir harici CSS dosyasında (.css uzantılı) oluşturulur ve HTML dosyasına bağlanır veya HTML öğelerine style özniteliğiyle doğrudan eklenir.

Seçiciler (Selectors):

CSS'de, hangi HTML öğelerinin stil uygulanacağını belirlemek için seçiciler kullanılır. Örnekler:

• p: Tüm paragraf öğelerine stil uygular.
• #myId: id="myId" özniteliğine sahip öğeye stil uygular.
• .myClass: class="myClass" özniteliğine sahip öğelere stil uygular.
• body: Sayfanın gövdesine stil uygular.

Özellikler (Properties) ve Değerler (Values):

CSS kuralları, özellik-değer çiftlerinden oluşur. Örnek:

p {
  color: blue; /* color özelliği, blue değeriyle ayarlandı */
  font-size: 16px; /* font-size özelliği, 16px değeriyle ayarlandı */
}

Bu kod, tüm paragrafların renginin mavi ve yazı boyutu 16 piksel olmasını sağlar.

CSS'nin Çeşitleri:

• Inline CSS: HTML öğelerinin style özniteliğine doğrudan eklenen CSS. En az tercih edilen yöntemdir, çünkü bakım ve tekrar kullanılabilirlik açısından sorunlara yol açabilir.
• Internal CSS: <style> etiketleri içinde HTML dosyasına eklenen CSS. Tek bir HTML dosyası için uygundur.
• External CSS: Ayrı bir .css dosyasında yazılan ve HTML dosyasına <link> etiketiyle bağlanan CSS. Birden fazla HTML dosyasında tekrar kullanılabilir ve bakım açısından daha kolaydır. En çok tercih edilen yöntemdir.

Önemli Kavramlar:

• Özelleştirme (Specificity): Birden fazla stil kuralı aynı HTML öğesine uygulanıyorsa, hangi kuralın geçerli olacağını belirler. Daha spesifik kurallar, daha az spesifik kuralları geçersiz kılar.
• Kaskadlama (Cascading): CSS'in adından da anlaşılacağı gibi, stil kuralları birbiri üzerine yığılır (kaskadlanır). Daha sonra tanımlanan kurallar, önceki kuralları geçersiz kılabilir.
• Önemli (!) Deklarasyon: Bir stil kuralının diğer tüm kuralları geçersiz kılmasını sağlar. Fazla kullanılması önerilmez.

CSS, web geliştirmenin temel taşlarından biridir ve öğrenilmesi gereken önemli bir konudur. Daha fazla bilgi edinmek için W3Schools gibi online kaynakları kullanabilirsiniz.