XML’in kullanıcıya daha çekici gözükmesini isteyen kişiler olabilir aranızda benim gibi işte bu makale tamda ihtiyacınızı karşılayacaktır XML’de tek satırlık bir ekleme ile stil dosyanızı tanımlıyorsunuz.
XML’e css ile stil uygulama nasıl yapılır
XML’in kullanıcıya daha çekici gözükmesini isteyen kişiler olabilir aranızda benim gibi işte bu makale tamda ihtiyacınızı karşılayacaktır XML’de tek satırlık bir ekleme ile stil dosyanızı tanımlıyorsunuz. Ardından stil dosyası içerisine html etiketlerini nasıl direk yazıp stil tanımlayabiliyorsak xml etiketleri içinde ‘.’ veya ‘#’ ön ek seçicisi kullanmanıza gerek yoktur alttaki örnek kodlarımıza dikkatlice baktığınızda ne demek istediğimizi anlamış olacaksınız.
XML Kodu
XML dosyasına stil uygulamak için eklemeniz gereken tek satır şu şekilde olmalıdır
1 | <?xml-stylesheet href="websayfasi.css" type="text/css" ?> |
Örnek XML Kodu
1 2 3 4 5 6 7 8 9 10 11 12 13 | <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet href="websayfasi.css" type="text/css" ?> <websayfasi> <sayfa> <baslik>Musa Cavus</baslik> <url>http://www.musa-cavus.com</url> <aciklama>Kisisel Sayfa</aciklama> </sayfa> <sayfa> <baslik>Google Amca</baslik> <url>http://www.google.com</url> <aciklama>Googlenin Ingilizce sayfasi</aciklama> </sayfa> </websayfasi> |
Üstteki kodda 2.satırı biz sonradan css dosyasını uygulamak için ekledik sizde href attribute’ünden dosya adı farklıysa veya yolu farklıysa stil dosyanızın gerekli değişikliği yapabilirsiniz.
CSS Kodu(websayfasi.css)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | * { background-color: #11ff55; } sayfa { display: block; width: 300px; height: 180px; background-color: rgb(55, 215, 151); font-size: 17px; text-align: center; display: block; } baslik { display: block; background-color: rgb(251, 255, 255); color: blue; } aciklama { display: block; background-color: rgb(125, 60, 235); } |
Üstteki kodlarda gördüğünüz gibi xml içerisindeki etiketleri seçmek için ‘.’ veya ‘#’ işaretine gerek yoktur özel html kodları gibi ön ek’e ihtiyaç duymamaktadır.