CSS CSS

CSS, bir web sayfasının nasıl göründüğüne karar veren dildir ve kendi dosyasında durduğu için tek bir değişiklik bütün sayfaların görünümünü birden 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; renklerden yazı tiplerine, boşluklardan bir sütunun genişliğine kadar her şey ona bağlıdır. Fare üzerine gelince neyin kımıldayacağına da o karar verir, sayfadaki kelimeler ve görseller ise HTML'den gelir. Yani CSS, o sade metnin üzerine serilen ve sayfayı sıradan bir belge değil sizin işletmeniz gibi gösteren katmandır.

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

Teorisi böyle, ama uygulamada bu, satın almadan önce tedarikçiye sorulması gereken soruya dönüşür. Gelecek yıl marka rengimizi değiştirirsek kaç yeri elden geçirmek gerekiyor? Özenle kurulmuş bir sitede cevap tek yerdir, çünkü renk bir kez yazılmıştır ve her düğme oraya bakar. Aceleyle derlenmiş bir sitede ise aynı renk dört yüz yere yazılmıştır, bu yüzden basit bir 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, değişikliği gerçekten istediğinizde ortaya çıkar.

CSS aynı zamanda tek bir sitenin telefona, tablete ve masaüstü ekrana sığmasını sağlar, çünkü sayfa kendisine verilen yere göre yeniden düzenlenir. Ayrı bir mobil site bu yüzden eski bir çalışma biçimidir ve sonradan güncel tutmanız gereken her şeyi ikiye katlar. Aynı katman Arapçayı da halleder, zira düzgün bir stil dosyası ikinci bir site kurmadan sayfanın tamamını sağdan sola çevirir. Linkysoft iki dilli siteleri işte böyle teslim eder.

CSS'i küçümsemek kolaydır, çünkü süs gibi görünür; oysa 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. Bu yüzden kimsenin artık 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 da 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.