Merhabalar, bu yazımızda CSS ( Cascading Style Sheets ) nedir, CSS ( Cascading Style Sheets ) ne işe yarar konusunda bilgi vereceğiz.
Sizlerde web tasarı işiyle uğraşmaya başladıysanız bu terimleri sıklıkla duyacaksınız. Şimdi bu konumuzda CSS terimi hakkında merak edilenlere cevap vereceğiz.
CSS ( CASCADİNG STYLE SHEETS ) İŞE YARAR?
CSS (Cascading Style Sheets), web sayfalarının görünümünü ve düzenini kontrol etmek için kullanılan bir tarayıcı tarafı web teknolojisidir. HTML’in (HyperText Markup Language) yapısını tamamlayan CSS, web tasarımcılarına sayfaları estetik ve kullanıcı dostu hale getirmek için geniş bir kontrol sağlar.
CSS’in temel amacı, web sayfalarındaki metinlerin, görüntülerin, düğmelerin, arka planların, boşlukların ve diğer öğelerin nasıl görüneceğini belirlemektir.
Bu, font stilini, boyutunu, renklerini, arka plan resimlerini, yükseklik ve genişlik ayarlarını ve daha fazlasını içerir.
CSS, web sayfalarının genel tasarımını bir bütün olarak ele alır ve bir dökümanda aynı özelliklere sahip birden fazla öğenin nasıl görüneceğini tanımlayan bir stil şablonu sağlar.
CSS’in en önemli özelliklerinden biri “kademeli” (cascading) yaklaşımdır. Bu, birden çok stil tanımı olduğunda, öncelik sırasına göre tarayıcının hangi stilin kullanılacağını belirlemesini sağlar.
Öncelik sırası, iç içe geçmiş öğelerin, doğrudan stil özelliklerinin ve harici stil dosyalarının birleşimine dayanır. Bu şekilde, bir web tasarımcı, bir öğenin stilini doğrudan belirleyebileceği gibi, tüm web sitesinin genel stilini tek bir stil dosyası aracılığıyla uygulayabilir.
ÖRNEK CSS KODU;
“”.my-div {
color: red;
background-color: yellow;
font-size: 18px;
}””
Bu CSS kodu, “my-div” sınıfına sahip tüm div öğelerinin metin rengini kırmızıya, arka plan rengini sarıya ve metin boyutunu 18 piksele ayarlar.
Bu CSS kodunu HTML dosyanıza dahil ederseniz, div öğesi belirtilen stil özelliklerine sahip olacaktır.
CSS‘in ayrıca çoklu ortam ve tarayıcı uyumluluğu da vardır. Bu, web sayfalarının farklı ekran boyutlarına, cihazlara ve tarayıcılara uyumlu olmasını sağlar.
Medya sorguları kullanarak, tasarımcılar belirli bir ekran boyutunda veya cihazda farklı stil tanımlamaları yapabilir. Böylece, mobil cihazlar için özel bir düzen oluşturmak veya bir yazıcıya özgü stil ayarlamaları yapmak mümkün olur.
CSS‘in avantajlarından bir diğeri, web sayfalarının bakımını kolaylaştırmasıdır. CSS, bir web sitesinin stilini tek bir dosyada toplar ve böylece tasarım değişiklikleri yapmak daha kolay ve hızlı hale gelir.
Tüm sayfalarda kullanılan bir stil özelliğini değiştirmek için sadece stil dosyasını düzenlemek yeterlidir.
Bu yazımızda CSS nedir hakkında bilgi verdik. Konumuzla ilgili olarak sorularınız için sayfamızın hemen altında yorumlar sekmesinden bizimle paylaşabilirsiniz. GPT: 2024-2025-2026-2027-2028
