CSS Şablonları Nasıl Kullanılır?

Şirketinizin varlığını çevrimiçi olarak yönetirken, birkaç temel konu oldukça kullanışlı. Dış stil sayfalarını kullanmak, işinizi kolaylaştıran bir araç örneğidir. Stil sayfaları, belirli öğeler için stiller tanımlayarak HTML belgelerinin nasıl göründüğünü belirler. Web sayfanıza stiller uygulamak için web sitenizi tasarlamayı ve tutarlılığı sürdürmeyi kolaylaştırarak hazır şablon CSS dosyalarını içe aktarın. Kendi şablonlarınızı tasarlamak için CSS sayfalarını bile temel olarak kullanabilirsiniz.

1.

CSS şablonunuzu, şablonu kullanmak istediğiniz HTML sayfalarıyla aynı dizine kaydedin. Örneğin, "index.html" sayfasının "template.css" CSS şablonunu kullanmasını istiyorsanız, template.cs'leri "index.html" dosyasını sakladığınız klasöre kaydedin.

2.

HTML dosyasını bir metin düzenleyicide açın.

3.

HTML dosyasındaki head etiketlerini bulun. HTML dosyasını CSS şablon dosyasına bağlamak için bu belgelerin arasına HTML belgesini yazın. Şablon dosyanızın adı farklı olabilir, bu nedenle "template.css" yerine doğru adı kullanın. HTML kafa bölümünüz bu örneğe benziyor:

4.

HTML dosyasını kaydedin.

5.

HTML dosyasını bir Web tarayıcısında açın. Eklemiş olduğunuz CSS şablon stili etkindir ve web sitenizi daha tutarlı hale getirir.

Uyarı

• CSS dosyaları arka plan ve ana belge metni gibi genel alanlara stil talimatları uygularken, bazı CSS şablon dosyaları belgenizdeki etiketlerle eşleşmeyebilecek belirli etiketler belirtir. En iyi sonuçları elde etmek için CSS dosyasının kullandığı etiket ve bölümleri kullandığınızdan emin olmak için CSS dosyasını ve belgelerini okuyun.