CSS ile XML Nasıl Kullanılır

Eğer CSS'nin HTML sayfalarını nasıl kullandığını biliyorsanız, biçimlendirme kavramını takdir edeceksiniz. XML biçimlendirme dilinin başlangıcında, verileri görüntülemek biraz karmaşıktı, ancak bu stil sayfalarıyla değişti.

Bir stil sayfası referansı ekleyerek, XML kodunuzu bir web sayfası olarak biçimlendirebilir ve görüntüleyebilirsiniz. CSS veya başka bir biçimlendirme olmadan, XML tarayıcının bir biçimlendirme belgesi bulamadığını belirten bir hata ile temel metin olarak görünür.

XML Styling Örneği

Basit bir stil sayfası, yalnızca verileri görüntülemek için gerekli olan öğeyi ve biçimlendirme niteliklerini listelemenizi gerektirir.

Bu kod, işlemciye hangi öğeleri göstereceğini ve web sayfasına nasıl bakmaları gerektiğini söyler:

örnek {background-color: #ffffff; genişlik:% 100;} mymessage {display: block; arkaplan rengi: # 999999; kenar boşluğu: 30pt;} body {font-size: 50%}

Biçimlendirme dosyasının ilk satırı kök öğesidir. Kökün nitelikleri tüm sayfaya uygulanır, ancak bunları her bir etiket için değiştirirsiniz. Bu, sayfa için arka plan rengini belirleyebileceğiniz ve her bölüm için yeniden belirleyebileceğiniz anlamına gelir.

Bu dosyayı XML dosyanızla aynı dizine kaydedin ve .CSS dosya uzantısına sahip olduğundan emin olun.

XML'den CSS'ye bağlantı

Bu noktada, bunlar tamamen birbirinden ayrı iki belge. İşlemcinin, bir web sayfası oluşturmak için birlikte çalışmasını istediğiniz konusunda hiçbir fikri yoktur.

Bunu, CSS dosyasının yolunu tanımlayan XML belgesinin başına bir ifade ekleyerek düzeltebilirsiniz. Açıklama, doğrudan şu gibi XML bildirimi beyanının altında gider:

Bu örnekte, CSS dosyasına products.css denir, bu yüzden XML belgesinde olduğu gibi etiketlenir. Bunu, CSS dosyası için seçtiğiniz dosya adıyla değiştirin.