Jika Anda terbiasa dengan bagaimana gaya CSS halaman HTML , Anda akan menghargai konsep pemformatan. Pada awal bahasa markup XML , menampilkan data agak rumit, tetapi itu berubah dengan style sheet.
Dengan menambahkan referensi lembar gaya, Anda dapat memformat dan menampilkan kode XML Anda sebagai halaman web. Tanpa CSS atau format lain, XML muncul sebagai teks dasar dengan kesalahan yang menyatakan bahwa browser tidak dapat menemukan dokumen pemformatan.
Contoh Styling XML
Lembar gaya sederhana hanya mengharuskan Anda mencantumkan elemen dan atribut pemformatan yang diperlukan untuk menampilkan data.
Bit kode ini memberitahu prosesor yang elemen-elemen untuk ditampilkan dan bagaimana mereka harus melihat pada halaman web, seperti ini:
contoh {background-color: #ffffff; width: 100%;} mymessage {display: block; warna latar belakang: # 999999; margin-bottom: 30pt;} body {font-size: 50%}Baris pertama dari file pemformatan adalah elemen root. Atribut untuk root berlaku untuk seluruh halaman, tetapi Anda mengubahnya untuk setiap tag. Ini berarti Anda dapat menetapkan warna latar belakang untuk halaman dan kemudian lagi untuk setiap bagian.
Simpan file ini ke direktori yang sama dengan file XML Anda, dan pastikan file tersebut memiliki ekstensi file .CSS.
Tautkan ke CSS Dari XML
Pada titik ini, ini adalah dua dokumen yang sepenuhnya terpisah. Prosesor tidak tahu bahwa Anda ingin mereka bekerja sama untuk membuat halaman web .
Anda dapat memperbaikinya dengan menambahkan pernyataan ke bagian atas dokumen XML yang mengidentifikasi jalur ke file CSS. Pernyataan itu langsung di bawah pernyataan deklarasi XML awal, seperti ini:
Dalam contoh ini, file CSS disebut products.css , yang mengapa itu diberi label seperti itu dalam dokumen XML. Ubah itu ke nama file apa pun yang Anda pilih untuk file CSS.