หากคุณคุ้นเคยกับรูปแบบ CSS ของ HTML คุณจะเห็นคุณค่าของแนวคิดในการจัดรูปแบบ เมื่อเริ่มต้นใช้ภาษามาร์กอัป XML การ แสดงข้อมูลมีความซับซ้อนเล็กน้อย แต่ก็มีการเปลี่ยนแปลงด้วยสไตล์ชีท
คุณสามารถจัดรูปแบบและแสดงโค้ด XML ของคุณในรูปแบบเว็บโดยการเพิ่มการอ้างอิงสไตล์ชีต หากไม่มี CSS หรือการจัดรูปแบบอื่น XML จะปรากฏเป็นข้อความพื้นฐานที่มีข้อผิดพลาดระบุว่าเบราว์เซอร์ไม่สามารถหาเอกสารการจัดรูปแบบได้
ตัวอย่างการจัดรูปแบบ XML
สไตล์ชีตเรียบง่ายเพียงต้องการให้คุณระบุองค์ประกอบและแอตทริบิวต์การจัดรูปแบบที่จำเป็นเพื่อแสดงข้อมูล
บิตของรหัสนี้บอกโปรเซสเซอร์ที่จะแสดงองค์ประกอบและลักษณะที่ควรปรากฏบนหน้าเว็บเช่นนี้:
ตัวอย่าง {background-color: #ffffff; ความกว้าง: 100%;} mymessage {display: block; background-color: # 999999; margin-bottom: 30pt;} body {font-size: 50%}บรรทัดแรกของไฟล์การจัดรูปแบบคือส่วนหัว แอตทริบิวต์สำหรับรากใช้กับทั้งหน้า แต่คุณเปลี่ยนค่าเหล่านี้สำหรับแต่ละแท็ก ซึ่งหมายความว่าคุณสามารถกำหนดสีพื้นหลังของหน้าเว็บและจากนั้นอีกครั้งสำหรับแต่ละส่วน
บันทึกไฟล์นี้ลงในไดเร็กทอรีเดียวกันกับไฟล์ XML ของคุณและตรวจสอบว่ามีนามสกุลไฟล์. CSS
เชื่อมโยงไปยัง CSS จาก XML
ณ จุดนี้เอกสารทั้งสองฉบับนี้แยกกันอยู่ โปรเซสเซอร์ไม่มีความคิดที่คุณต้องการให้ทำงานร่วมกันเพื่อ สร้างเว็บเพจ
คุณสามารถแก้ไขปัญหานี้ได้ด้วยการเพิ่มคำสั่งไปที่ด้านบนของ เอกสาร XML ที่ระบุพา ธ ไปยังไฟล์ CSS คำสั่งนี้จะอยู่ภายใต้คำสั่งการประกาศ XML แบบเริ่มต้นเช่นนี้:
ในตัวอย่างนี้ไฟล์ CSS เรียกว่า product.css ซึ่งเป็นเหตุให้มีการระบุว่าเป็นเช่นนั้นในเอกสาร XML เปลี่ยนชื่อไฟล์ให้เป็นไฟล์ CSS ที่คุณเลือก