Sekiranya anda mengetahui bagaimana gaya CSS halaman HTML , anda akan menghargai konsep pemformatan. Pada permulaan bahasa markup XML , memaparkan data agak rumit, tetapi yang berubah dengan helaian gaya.
Dengan menambah rujukan helaian gaya, anda boleh memformat dan memaparkan kod XML anda sebagai halaman web. Tanpa CSS atau pemformatan lain, XML muncul sebagai teks asas dengan ralat yang menyatakan bahawa pelayar tidak dapat mencari dokumen pemformatan.
Contoh Styling XML
Lembaran gaya ringkas hanya memerlukan anda menyenaraikan elemen dan sifat pemformatan yang diperlukan untuk memaparkan data.
Sedikit kod ini memberitahu pemproses yang unsur-unsur dipaparkan dan bagaimana mereka harus melihat pada halaman web, seperti ini:
sampel {background-color: #ffffff; lebar: 100%;} mymessage {display: block; warna latar belakang: # 999999; margin-bottom: 30pt;} body {font-size: 50%}Baris pertama fail pemformatan ialah elemen akar. Atribut untuk akar berlaku untuk keseluruhan halaman, tetapi anda mengubahnya untuk setiap tag. Ini bermakna anda boleh menetapkan warna latar belakang untuk halaman dan sekali lagi untuk setiap bahagian.
Simpan fail ini ke direktori yang sama dengan fail XML anda, dan pastikan ia mempunyai sambungan fail .CSS.
Pautan ke CSS Dari XML
Pada ketika ini, ini adalah dua dokumen yang berasingan. Pemproses tidak tahu bahawa anda mahu mereka bekerjasama untuk membuat halaman web .
Anda boleh menetapkan ini dengan menambah pernyataan ke bahagian atas dokumen XML yang mengenal pasti laluan ke fail CSS. Pernyataan itu langsung di bawah pernyataan deklarasi XML awal, seperti ini:
Dalam contoh ini, fail CSS dipanggil products.css , sebab itu ia dilabelkan sebagai dokumen XML. Ubah itu kepada nama fail apa sahaja yang anda pilih untuk fail CSS.