Bir web sitesinin görünümü ve hissi veya "tarzı", CSS (Basamaklı Stil Sayfaları). Bu, sayfalarınızın görsel tasarımını ve düzenini oluşturan çeşitli CSS kurallarını içerecek olan web sitenizin dizinine ekleyeceğiniz bir dosyadır.
Siteler birden çok stil sayfası kullanabilir ve sıklıkla kullanır, ancak bunu yapmak gerekli değildir. Tüm CSS kurallarınızı tek bir dosyaya yerleştirebilirsiniz ve bunu yapmanın daha hızlı dahil olmak üzere aslında faydaları vardır. yükleme zamanı ve birden fazla dosya getirmeleri gerekmediğinden sayfaların performansı. Çok büyük, kurumsal siteler zaman zaman ayrı stil sayfalarına ihtiyaç duyabilirken, birçok küçük ve orta boy site, sayfalarınızın ihtiyaç duyduğu tüm kuralları içeren tek bir dosyayla mükemmel şekilde çalışabilir. Bu, "Bu CSS dosyasına ne ad vermeliyim" sorusunu akla getiriyor.
Adlandırma Kuralı Temelleri
oluşturduğunuzda harici stil sayfası web sayfalarınız için, HTML dosyalarınız için benzer adlandırma kurallarını izleyerek dosyayı adlandırmalısınız.
Özel Karakterler Kullanmayın
CSS dosya adlarınızda yalnızca a-z harflerini, 0-9 sayılarını, alt çizgi (_) ve kısa çizgileri (-) kullanmalısınız. Dosya sisteminiz, içinde başka karakterler bulunan dosyalar oluşturmanıza izin verse de, sunucu işletim sisteminizde özel karakterlerle ilgili sorunlar olabilir. Yalnızca burada belirtilen karakterleri kullanarak daha güvende olursunuz. Sonuçta, sunucunuz özel karakterlere izin verse bile, gelecekte farklı ana bilgisayar sağlayıcılarına geçmeye karar verirseniz durum böyle olmayabilir.
Herhangi Bir Boşluk Kullanmayın
Tıpkı özel karakterlerde olduğu gibi, boşluklar web sunucunuzda sorunlara neden olabilir. Dosya adlarınızda bunlardan kaçınmak iyi bir fikirdir; Hatta, onları bir web sitesine eklemeniz gerekebileceği ihtimaline karşı, aynı kuralları kullanarak PDF gibi dosyaları adlandırmaya bile dikkat etmelisiniz. Dosya adının daha kolay okunmasını sağlamak için bir boşluğa ihtiyacınız olduğunu düşünüyorsanız, bunun yerine kısa çizgi veya alt çizgi kullanmayı tercih edin. Örneğin, "bu dosyadır.pdf" yerine "bu dosyadır.pdf" kullanın.
Dosya Adı Bir Harf İle Başlamalı
Bu mutlak bir gereklilik olmasa da, bazı sistemler bir harfle başlamayan dosya adlarıyla ilgili sorun yaşar. Örneğin, dosyanıza bir sayı karakteriyle başlamayı seçerseniz, bu ileride sorunlara neden olabilir.
Tümünü Küçük Harf Kullan
Bu bir dosya adı için gerekli olmasa da, bazı web sunucuları büyük/küçük harfe duyarlı olduğundan ve dosyayı unutursanız ve farklı bir durumda başvurursanız, bu iyi bir fikirdir. Her dosya adı için küçük harf kullanmak her zaman akıllıca bir yoldur. Aslında, birçok yeni web tasarımcısı bunu yapmayı hatırlamakta zorlanıyor, bir dosyayı adlandırırken varsayılan eylemleri adın ilk karakterini büyük harf yapmaktır. Bundan kaçının ve yalnızca küçük harf kullanma alışkanlığı edinin.
Dosya Adını Olabildiğince Kısa Tutun
Çoğunda bir dosya adı boyutu sınırı olsa da işletim sistemleri, bir CSS dosya adı için makul olandan çok daha uzundur. İyi bir kural, uzantıyı içermeyen dosya adı için 20 karakterden fazla olmamasıdır. Gerçekçi olarak, bundan çok daha uzun olan herhangi bir şeyle çalışmak ve her şekilde bağlantı kurmak hantaldır.
CSS Dosya Adınızın En Önemli Parçası
CSS dosya adının en önemli kısmı dosya adının kendisi değil, uzantısıdır. Macintosh'ta uzantılar gerekli değildir ve Linux sistemleri, ancak yine de bir CSS dosyası yazarken bir tane eklemek iyi bir fikirdir. Bu şekilde, bunun bir stil sayfası olduğunu her zaman bileceksiniz ve gelecekte ne olduğunu belirlemek için dosyayı açmanız gerekmeyecek.
Muhtemelen büyük bir sürpriz değil, ancak CSS dosyanızdaki uzantı şöyle olmalıdır:
.css
CSS Dosya Adlandırma Kuralları
Sitede yalnızca bir CSS dosyanız olacaksa, onu istediğiniz gibi adlandırabilirsiniz. Aşağıdakilerden biri tercih edilir:
stil.css
standart.css
default.css
Web siteniz birden fazla CSS dosyası kullanacaksa, stil sayfalarını işlevlerinden sonra adlandırın, böylece her dosyanın amacının tam olarak ne olduğu anlaşılır. Bir web sayfasına birden fazla stil sayfası eklenmiş olabileceğinden, bu sayfanın işlevine ve içindeki stillere bağlı olarak stillerinizi farklı sayfalara ayırmanıza yardımcı olur. Örneğin:
-
Düzen vs. tasarım
layout.css tasarımı.css
-
Sayfa Bölümleri
main.css nav.css
-
Alt bölümleri olan tüm site
mainstyles.css alt sayfası.css
Web siteniz bir tür çerçeve kullanıyorsa, muhtemelen birden çok CSS dosyası kullandığını fark edeceksiniz. her biri sayfaların farklı bölümlerine veya sitenin yönlerine (tipografi, renk, düzen, vb.).