CSS Programlama Dili


CSS nedir?


CSS (Cascading Style Sheets) basitçe, sayfamıza ait görselliğe dair her türlü yapıyı düzenlememizi sağlayan bir markup dilidir. Sayfaya ait öğelerin (form, buton, arkaplan vb.) renklerini, boyutlarını, konumlarını vb. özelliklerini düzenlememize imkan sağlar.


CSS ne işe yarar?

Tanımında da belirttiğimiz gibi, CSS, web sayfamızdaki öğelerin stilini/görünümünü değiştirmemizi sağlar. Butonunuza gölge mi eklemek istiyorsunuz? Biri sola diğeri sağa dayalı 2 formu aynı konumda mı göstermek istiyorunuz? Ya da sayfanızı scroll etseniz bile yukarıda sabit kalan bir header’a mı ihtiyacınız var? O halde CSS yardımınıza koşacaktır. Web sayfasının görünümüyle alakalı nice senaryoda CSS kullanmanıza gerek olacaktır.



CSS kullanmanın sağlayacağı faydalar nedir?

■ Görünüme dair özellikleri birden fazla öğede tekrar tekrar kullanabilmemizi sağlar (Bir buton öğesine ait yazı boyutunu ve rengini CSS ile ayarladıktan sonra, aynı özellikleri bir başka öğede olan textbot içinde de kullanabiliriz)
■ Farklı görünüm özelliklerini dilersek bir öğe üzerinde aynı anda uygulayabilmemize olanak tanır (Gölgelendirme için hazırladığımız bir CSS parçası ile renklendirme için hazırladığımız ayrı bir CSS parçasını aynı öğe üzerinde kullanarak iki özelliğini de birleştirebiliriz)
■ Oluşturacağımız bir .css dosyası ile görsel özellikleri derli toplu tutarak, sabit bir HTML yapısınaki görselliğe ait değişiklikleri yalnızca bir dosyayı düzenleyerek sağlayabiliriz
■ Farklı öğelere ait olacak özellikleri tek CSS parçasında tanımlayarak tekrar tekrar stil belirtiminden kaçınmak websitemizin boyutunu da düşürecektir
■ Farklı browser türleri ve mobil ya da masaüstü uygulamadan girişin tespiti ile farklı bir görünüm sunma imkanı yakalayabiliriz (Bağlanan kullanıcının giriş yaptığı cihaz/browser’a göre farklı CSS gösterimi sağlayarak daha rahat kullanım deneyimini yakalayabiliriz)


                           

                            Trakya Üniversitesi BÖTE
                            Eğitim Fakültesi
                            KOSOVA Yerleşkesi
                            Berzat Pupe