CSS Nedir?
CSS (Cascading Style Sheets), web sayfalarının tarayıcıda nasıl görüneceğini, yani renk, yazı tipi, boşluk ve yerleşim gibi özelliklerini belirleyen bildirimsel bir stil dilidir.
Diğer Adları: Cascading Style Sheets
CSS Nasıl Çalışır?
CSS, HTML ve JavaScript ile birlikte web’in üç temel teknolojisinden biridir. Bir CSS kuralı, hangi öğelere uygulanacağını söyleyen bir seçici ile özellik ve değer çiftlerinden oluşur; örneğin bütün paragrafların yazı rengini ve zeminini tek bir kural belirleyebilir. Tarayıcı bu bildirimleri seçilen öğelere uygulayarak sayfayı çizer. CSS çoğunlukla HTML’i biçimlendirir, SVG ve XML gibi diğer işaretleme dilleriyle de kullanılabilir.
Adındaki basamaklı (cascading) sözcüğü, aynı öğeye birden fazla kural uyduğunda hangisinin geçerli olacağını belirleyen öncelik kurallarını anlatır. Binlerce kural içerebilen bir mağaza temasında bu öncelik, bir değişikliğin hangi sayfaları etkileyeceğini belirler.
CSS Mağaza Temasında Neyi Belirler?
Mağazanın kurumsal renkleri, yazı tipleri, düğme biçimleri, ürün kartlarının ızgara düzeni ve ekran genişliğine göre değişen yerleşim CSS ile tanımlanır. Aynı içeriğin telefonda tek, masaüstünde birden fazla sütunda görünmesi de CSS kurallarıyla sağlanır.
Örnek: Bir mağaza indirim etiketlerinin rengini değiştirmek ister. Renk tek bir CSS kuralında tanımlıysa değişiklik bütün ürün kartlarına aynı anda yansır; her sayfaya ayrı renk yazılmışsa her sayfa tek tek düzeltilir.
CSS Değişikliğinde Dikkat Edilecekler
- Değişiklik önce bir deneme temasında ya da önizlemede denenir; basamaklı yapı nedeniyle bir kural beklenmeyen sayfaları da etkileyebilir.
- Telefon, tablet ve masaüstü genişliklerinde ayrı ayrı bakılır.
- Yazı ve zemin renkleri değiştirilirken renk kontrastı korunur; düşük kontrast metnin okunmasını zorlaştırır.
- Temaya elle eklenen kurallar not edilir; tema güncellendiğinde bu kuralların korunup korunmadığı kontrol edilir.
CSS Hakkında Sık Sorulan Sorular
CSS bilmeden mağaza teması düzenlenebilir mi?
Altyapıların tema editörleri renk, yazı tipi ve yerleşim gibi ayarları CSS yazmadan değiştirmeye izin verir. Editörün sunmadığı bir görünüm değişikliği için CSS düzenlemesi gerekir.
CSS ile HTML arasındaki fark nedir?
HTML sayfanın içeriğini ve yapısını, yani başlık, paragraf, görsel ve bağlantıları tanımlar. CSS bu içeriğin nasıl görüneceğini belirler.
Tema güncellemesi elle eklenen CSS kurallarını siler mi?
Altyapıya ve kuralın eklendiği yere göre değişir. Elle eklenen kuralların listesi tutulur ve güncellemeden sonra mağazanın görünümü telefon ve masaüstünde kontrol edilir.