Temel CSS kullanımı

  • Teknoloji - Yazı 26 Ocak 2010

    Bu makalemde; bugün karşılaştığım bir soru üzerine çoğu kişi tarafından bilinmeyen Stil Şanlonu kullanımı konusunda bilgiler aktaracağım.

  • Share on FacebookTweet about this on TwitterShare on Google+Pin on Pinterest

    Cascading Style Sheets (Türkçede Stil şablonları) yani bilinen kısa adıyla CSS, HTML’e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir web teknolojisidir.

    Oluşturduğumuz bir sayfayı biçimlendirmek için iki farklı metot bulunmaktadır. Etiket içinde belirleme ve Etikete ID ya da Class ismi vererek. İlk yöntem daha çok basit sayfalar için tercih edilmelidir.

    Etiket İçinde Tanımlama

    ID ya da Class Tanımlama

    ya da

    Daha çok karmaşık ve çok etiket bulunan sayfalar için bu yöntem tercih edilmesi daha doğru olacaktır.

    Burada şu soru sorulabilir. Peki bu ikisinin arasındaki fark nedir? Aslında CSS tarafından ikisini bir farkı yoktur. Her iki şekilde de kodlar çalışacaktır. Ancak sayfanızda DOM (Document Object Model) kullanacaksanız ID’yi temel alıp Class’ı yardımcı olarak kullanabilirsiniz. Çünkü DOM’un bir etikette tanıdığı nitelik ID’dir. Bu konuda daha fazla açıklama yapmadan devam ediyorum.

    Style Etiketi Kullanımı

    div {
    background: #FF0000;
    }

    Eğer sayfamızın stilini bir