ຖ້າທ່ານຄຸ້ນເຄີຍກັບວິທີ CSS ຄໍເຕົ້າໄຂ່ທີ່ HTML , ທ່ານຈະຮູ້ສຶກແນວຄວາມຄິດຂອງການຈັດຮູບແບບ. ໃນການເລີ່ມຕົ້ນຂອງພາສາ markup XML , ການສະແດງຂໍ້ມູນແມ່ນສັບສົນເລັກນ້ອຍ, ແຕ່ວ່າມີການປ່ຽນແປງດ້ວຍແຜ່ນແບບ.
ໂດຍການເພີ່ມກະສານອ້າງອີງແບບສະໄຕ, ທ່ານສາມາດຈັດຮູບແບບແລະສະແດງລະຫັດ XML ຂອງທ່ານເປັນຫນ້າເວັບ. ຖ້າບໍ່ມີ CSS ຫຼືຮູບແບບອື່ນ, XML ຈະເປັນຂໍ້ຄວາມພື້ນຖານທີ່ມີຂໍ້ຜິດພາດທີ່ບອກວ່າຕົວທ່ອງເວັບບໍ່ສາມາດຊອກຫາເອກະສານການຈັດຮູບແບບ.
Example XML Styling
ແຜ່ນສະໄຕແບບງ່າຍດາຍພຽງແຕ່ຮຽກຮ້ອງໃຫ້ທ່ານລາຍຊື່ອົງປະກອບແລະຄຸນລັກສະນະການຈັດຮູບແບບທີ່ຈໍາເປັນເພື່ອສະແດງຂໍ້ມູນ.
ບິດລະຫັດນີ້ບອກ CPU ທີ່ອົງປະກອບທີ່ຈະສະແດງແລະວິທີການເບິ່ງຫນ້າເວັບດັ່ງນີ້:
ຕົວຢ່າງ {background-color: #ffffff; width: 100%} mymessage {display: block ພື້ນຫລັງສີ: # 999999; margin-bottom: 30pt} body {font-size: 50%}ເສັ້ນທໍາອິດຂອງໄຟລ໌ຮູບແບບແມ່ນອົງປະກອບຮາກ. ຄຸນລັກສະນະສໍາລັບຮາກໃຊ້ກັບຫນ້າທັງຫມົດ, ແຕ່ວ່າທ່ານປ່ຽນມັນໃຫ້ສໍາລັບແຕ່ລະໂຄດ. ນີ້ຫມາຍຄວາມວ່າທ່ານສາມາດກໍານົດສີພື້ນຖານຂອງຫນ້າແລະຫຼັງຈາກນັ້ນອີກເທື່ອຫນຶ່ງສໍາລັບແຕ່ລະພາກ.
ບັນທຶກໄຟລ໌ນີ້ໃນໂຟເດີດຽວກັບໄຟລ໌ XML ຂອງທ່ານແລະໃຫ້ແນ່ໃຈວ່າມັນມີສ່ວນຂະຫຍາຍຂອງ CSS.
ເຊື່ອມໂຍງກັບ CSS ຈາກ XML
ໃນຈຸດນີ້, ເຫຼົ່ານີ້ແມ່ນທັງສອງເອກະສານທັງຫມົດແຍກຕ່າງຫາກ. ຜູ້ຜະລິດບໍ່ມີຄວາມຄິດວ່າທ່ານຕ້ອງການໃຫ້ພວກເຂົາເຮັດວຽກຮ່ວມກັນເພື່ອ ສ້າງຫນ້າເວັບ .
ທ່ານສາມາດແກ້ໄຂບັນຫານີ້ໄດ້ໂດຍການເພີ່ມຄໍາສັ່ງໄປທາງເທິງຂອງ ເອກະສານ XML ທີ່ລະບຸເສັ້ນທາງໄປຫາໄຟລ໌ CSS. ຄໍາສັ່ງດັ່ງກ່າວໄປໂດຍກົງພາຍໃຕ້ຄໍາຖະແຫຼງການຄໍາສັ່ງ XML ໃນເບື້ອງຕົ້ນເຊັ່ນ:
ໃນຕົວຢ່າງນີ້, ໄຟລ໌ CSS ເອີ້ນວ່າ products.css , ຊຶ່ງເປັນເຫດຜົນທີ່ມັນຖືກຕິດສະຫຼາກໃນເອກະສານ XML. ປ່ຽນຊື່ວ່າຊື່ໄຟລ໌ທີ່ທ່ານເລືອກສໍາລັບເອກະສານ CSS.