CSS CSS

Bir web sayfasının nasıl göründüğüne karar veren dil; kendi dosyasında durur, böylece tek bir değişiklik bütün sayfaları yeniler.

  • Web Geliştirme

Şu adla da bilinir basamaklı stil şablonları stil dosyası web sayfası biçimlendirme

Tanım

CSS, bir web sayfasının nasıl göründüğüne karar veren dildir. Renkler, yazı tipleri, boşluklar, bir sütunun genişliği, fare üzerine gelince ne kımıldadığı. Sayfadaki kelimeler ve görseller HTML'den gelir. CSS ise onları sıradan bir belge gibi değil, sizin işletmeniz gibi gösteren katmandır.

Arkasındaki fikir basittir ve CSS'in var olma sebebi de budur. Biçim, metinden ayrı olarak kendi dosyasında durur. O dosyadaki tek bir satır, bütün sayfalardaki bütün düğmelerin rengini belirler. Bir kez değiştirirsiniz, site baştan sona onunla birlikte değişir.

Teorisi böyle. Uygulamada ise satın almadan önce tedarikçiye sorulacak soru şudur. Gelecek yıl marka rengimizi değiştirirsek kaç yeri elden geçirmek gerekiyor? Özenle kurulmuş bir sitede cevap tek yerdir. Aceleyle derlenmiş bir sitede renk dört yüz yere yazılmıştır ve kimlik değişimi küçük bir projeye döner. İki site açılış günü birbirinin aynısı görünür. Fark ancak sonra ortaya çıkar.

CSS aynı zamanda tek bir sitenin telefona, tablete ve masaüstü ekrana sığmasını sağlar. Aynı sayfa kendini yeniden düzenler. Biri size ayrı bir mobil site öneriyorsa bu eski bir çalışma biçimidir ve güncel tutmanız gerekeni ikiye katlar. Aynı katman Arapçayı da halleder. Düzgün bir stil dosyası, ikinci bir site kurmadan sayfanın tamamını sağdan sola çevirir; Linkysoft iki dilli siteleri böyle teslim eder.

CSS'i küçümsemek kolaydır, çünkü süs gibi görünür. Değildir. Güneş altında telefonda yazının okunur kalıp kalmadığına, düğmenin başparmak için yeterince büyük olup olmadığına ve sayfanın ne kadar çabuk açıldığına o karar verir. Kimsenin kullanmadığı kurallarla dolu ağır bir stil dosyası sitedeki her sayfayı yavaşlatır. Linkysoft bir web sitesi tasarımı ve geliştirmesi devraldığında genellikle yazdığımızdan çok kural sileriz; aynı disiplin bir web uygulaması içinde de geçerlidir, çünkü yüzlerce yönetim ekranı kendi biçimini taşımak yerine tek bir stil takımını paylaşmalıdır. O ekranlardaki kelimeler yine HTML'den gelir.

CSS hakkında sorular

HTML ile CSS arasındaki fark nedir?
HTML içeriği sayfaya koyar. CSS ise o içeriğin nasıl göründüğüne karar verir. Bir sayfa, metnin tek kelimesi değişmeden baştan sona yeniden biçimlendirilebilir.
Mobil uyumlu bir site için CSS gerekir mi?
Evet. Telefon ekranına uyum, farklı genişliklerde yerleşimi değiştiren CSS kurallarıyla sağlanır. Bu aynı sayfadır, ikinci bir site değil.
Sitemin renklerini kendim değiştirebilir miyim?
Sistem marka renklerini ayarlarında tutuyorsa çoğu zaman evet. Tutmuyorsa, fiyatta anlaşmadan önce bir renk değişikliğinin kaç dosyaya dokunduğunu sorun.
CSS bir web sitesini yavaşlatabilir mi?
Evet, olabilir. Her stil dosyasının sayfa çizilmeden önce ulaşması gerekir. Eski bir temadan kalan kullanılmayan kurallar, sitenin telefonda ağır hissettirmesinin sık görülen bir sebebidir.

Bunun projenize nasıl uyduğundan hâlâ emin değil misiniz?

Ne inşa ettiğinizi bize anlatın, size sade bir dille yanıt verelim.