Bir web sitesinin görünümü ve ya da "stili" CSS (Basamaklı Stil Sayfaları) tarafından belirlenir. Bu, web sitenizin dizinine ekleyeceğiniz ve sayfalarınızın görsel tasarımını ve düzenini oluşturan çeşitli CSS kurallarını içerecek bir dosyadır.
Siteler birden fazla stil sayfası kullanabilir ve çoğu zaman kullanabilse de, bunun yapılması gerekli değildir. Tüm CSS kurallarınızı tek bir dosyaya yerleştirebilir ve birden fazla dosya alması gerekmediğinden, daha hızlı yükleme süresi ve sayfaların performansı da dahil olmak üzere, aslında bunun faydaları vardır. Çok büyük olsa da, kurumsal sitelerin zaman zaman ayrı stil sayfalarına gereksinimi olabilir; birçok küçük ve orta ölçekli site, sayfalarınızın gereksinim duyduğu tüm kurallara sahip tek bir dosyayla mükemmel bir şekilde yararlanabilir. Bu, "Bu CSS dosyasını ne adlandırmalıyım?" Sorusunu soruyor? "
Adlandırma Konusu Temelleri
Web sayfalarınız için harici bir stil sayfası oluşturduğunuzda, HTML dosyalarınız için benzer adlandırma kurallarını izleyerek dosyayı adlandırmanız gerekir.
Özel Karakterler Kullanmayın
CSS dosya adlarınızda sadece a-z harflerini, 0-9, alt çizgi (_) ve tireleri (-) harflerini kullanmalısınız. Dosya sisteminiz, içinde başka karakterler bulunan dosyalar oluşturmanıza izin verse de, sunucu işletim sisteminizin özel karakterlerle ilgili sorunları olabilir. Sadece burada belirtilen karakterleri kullanarak daha güvenlisiniz. Sonuçta, sunucunuz özel karakterlere izin verse bile, ileride ana bilgisayar sağlayıcılarına geçmeye karar verirseniz durum böyle olmayabilir.
Herhangi bir boşluk kullanmayın
Özel karakterler gibi, boşluklar web sunucunuzda sorunlara neden olabilir. Dosya adlarınızda bunlardan sakınmak iyi bir fikirdir - hatta bir web sitesine eklemeniz gerektiğinde, bu aynı kuralları kullanarak PDF'ler gibi dosyalara isim vermeniz bile gerekir. Dosya adının daha kolay okunması için bir alana ihtiyacınız olduğunu düşünüyorsanız, bunun yerine tire veya alt çizgi tercih edin. Örneğin, "bu file.pdf dosyası" yerine "this-is-the-file.pdf" işlevini kullanın.
Dosya Adı Bir Harfle Başlamalıdır
Bu mutlak bir gereklilik olmasa da, bazı sistemler bir harfle başlamayan dosya adlarıyla ilgili sorun yaşar. Örneğin, dosyanızı bir sayı karakteri ile başlatmayı seçerseniz, bu durum satırdaki sorunlara neden olabilir.
Tüm Küçük Harfleri Kullan
Bu bir dosya adı için gerekli olmasa da, bazı web sunucularının büyük / küçük harfe duyarlı olması ve dosyanın farklı bir durumda unutup referans olarak gönderilmesi iyi bir fikirdir. Her dosya adı için küçük harf karakterleri kullanmak her zaman için akıllıca bir yoldur. Aslında, birçok yeni web tasarımcıları bunu yapmayı hatırlamakta zorlanırlar - bir dosya isimlendirirken varsayılan eylemleri adın ilk karakterini büyütmektir. Bundan kaçının ve yalnızca küçük harfli karakterlerin alışkanlığına girin.
Dosya Adını Mümkün Olduğu Kadar Kısa Tutun
Çoğu işletim sisteminde dosya adı sınırı söz konusu olsa da, bir CSS dosya adı için makul olandan çok daha uzun. İyi bir başparmak kuralı, uzantı içermeyen dosya adı için en fazla 20 karakterdir. Gerçekçi olarak, bundan çok daha uzun bir şey, zaten çalışmak ve bağlantı kurmak istemiyor.
CSS Dosya Adınızın En Önemli Parçası
CSS dosya adının en önemli kısmı dosya adı değil, uzantıdır. Macintosh ve Linux sistemlerinde uzantılar gerekli değildir, ancak bir CSS dosyası yazarken bir tane eklemek iyi bir fikirdir. Bu şekilde, her zaman bir stil sayfası olduğunu ve gelecekte ne olduğunu belirlemek için dosyayı açmayacağını bileceksiniz.
Muhtemelen büyük bir sürpriz değil, ancak CSS dosyanızdaki uzantı şöyle olmalıdır:
.css
CSS Dosyası Adlandırma Kuralları
Sitede sadece bir CSS dosyanız varsa, onu istediğiniz gibi adlandırabilirsiniz. Aşağıdakilerden biri tercih edilir:
styles.css veya default.css
Web siteniz birden çok CSS dosyası kullanacaksa, işlevlerinden sonra stil sayfalarını adlandırın, böylece her dosyanın amacının tam olarak ne olduğu açık olur. Bir web sayfasının kendilerine eklenmiş birden çok stil sayfası olabileceğinden, o sayfanın işlevine ve içindeki stillere bağlı olarak stillerinizi farklı sayfalara bölmenize yardımcı olur. Örneğin:
- Düzen ve tasarım
layout.css tasarım.css
- Sayfa Bölümleri
main.css nav.css
- Alt bölümlere sahip tüm site
mainstyles.css alt sayfa.css
Web siteniz bir çeşit çerçeve kullanıyorsa, her biri sayfaların farklı bölümlerine veya sitenin yönlerine (tipografi, renk, düzen vb.) Ayrılmış birden fazla CSS dosyası kullandığını fark edeceksiniz.
Jeremy Girard tarafından düzenlendi