CSS ile XML Belgelerine Nasıl Stil Verilir

Bir XML belgesi oluşturmak, DTD'yi yazmak ve bir tarayıcı ile ayrıştırmak sorun değil, ancak belgeyi görüntülediğinizde nasıl görüntülenecek? XML sunum dili değildir. XML ile yazılan belgelerde hiçbir biçimleme olmayacaktır.

XML Nasıl Görüntülenir

XML'i bir tarayıcıda görüntülemenin anahtarı Basamaklı Stil Sayfalarıdır. Stil sayfaları, metninizin boyutu ve renginden metin olmayan nesnelerinizin arka planına ve konumuna kadar XML belgenizin her yönünü tanımlamanıza olanak tanır.

Diyelim ki bir XML belgeniz var:


]>
Judy
yerleşim
Jennifer
Brendan

Bu belgeyi Internet Explorer gibi XML'e hazır bir tarayıcıda görüntüleseydiniz, şöyle bir şey görüntülerdi:

Judy Layard Jennifer Brendan

Peki ya ebeveyn ve alt öğeler arasında ayrım yapmak isteseydiniz? Veya belgedeki tüm öğeler arasında görsel bir ayrım yapın. Bunu XML ile yapamazsınız ve bu, görüntüleme için kullanılması amaçlanan bir dil değildir.

Stil XML'i

Ama neyse ki, kullanımı kolay Basamaklı Stil Şablonuveya CSS, XML belgelerinde, bu belgelerin ve uygulamaların bir tarayıcıda görüntülendiğinde nasıl görüntülenmesini istediğinizi tanımlamak için. Yukarıdaki belge için, etiketlerin her birinin stilini bir HTML belgesinde yaptığınız gibi tanımlayabilirsiniz.

instagram viewer

Örneğin, HTML'de tüm metni paragraf etiketleri içinde tanımlamak isteyebilirsiniz (

p {
yazı tipi ailesi: verdana, cenevre, helvetica;
arka plan rengi: #00ff00;
}

Aynı kurallar XML belgeleri için de geçerlidir. XML'deki her etiket, XML belgesinde tanımlanabilir:

aile {i}
renk: #000000;
}
ebeveyn {
yazı tipi ailesi: Arial Black;
renk: #ff0000;
kenarlık: düz 5 piksel;
genişlik: 300 piksel;
}
çocuk {
yazı tipi ailesi: verdana, helvetica;
renk: #cc0000;
kenarlık: düz 5 piksel;
kenarlık rengi: #cc0000;
}

XML belgenize sahip olduğunuzda ve stil sayfanız yazıldığında, bunları bir araya getirmeniz gerekir. HTML'deki link komutuna benzer şekilde, XML belgenizin üstüne (XML bildiriminin altında) bir satır koyarak XML ayrıştırıcısına stil sayfasını nerede bulacağını söylersiniz. Örneğin:


Yukarıda belirtildiği gibi, bu satır bildirimin altında, ancak XML belgesindeki herhangi bir öğeden önce bulunmalıdır.

Hepsini bir araya getirdiğinizde, XML belgeniz şunları okurdu:


]>
Judy
yerleşim
Jennifer
Brendan
instagram story viewer