ການກໍານົດ CSS ພາຍນອກແລະວິທີການເຊື່ອມຕໍ່ກັບຫນຶ່ງ
ໃນເວລາທີ່ຕົວທ່ອງເວັບເວັບໄຊຕ໌ loads ເຖິງຫນ້າເວັບ, ວິທີການທີ່ມັນປາກົດຈະຖືກກໍານົດໂດຍຂໍ້ມູນຈາກເອກະສານສະໄຕແບບຊັ້ນ. ມີສາມວິທີສໍາລັບເອກະສານ HTML ເພື່ອນໍາໃຊ້ເອກະສານສະໄຕ: ພາຍນອກ, ພາຍໃນ, ແລະໃນໄລຍະ.
ແຜ່ນຮູບແບບພາຍໃນແລະໃນແຖວຖືກເກັບໄວ້ພາຍໃນເອກະສານ HTML ຕົວມັນເອງ. ພວກເຂົາກໍາລັງເຮັດວຽກງ່າຍໆໃນປັດຈຸບັນແຕ່ຍ້ອນວ່າພວກເຂົາບໍ່ໄດ້ຖືກເກັບຢູ່ໃນສະຖານທີ່ສູນກາງ, ມັນກໍ່ບໍ່ສາມາດເຮັດໃຫ້ການປ່ຽນແປງຮູບແບບຕ່າງໆໃນທົ່ວເວັບໄຊທ໌ໄດ້ຕະຫຼອດເວລາ; ທ່ານຕ້ອງແທນທີ່ຈະກັບຄືນສູ່ແຕ່ລະລາຍການແລະປ່ຽນແປງມັນດ້ວຍຕົນເອງ.
ຢ່າງໃດກໍຕາມ, ດ້ວຍຮູບແບບສະໄຕພາຍນອກ, ຄໍາແນະນໍາສໍາລັບການສະແດງຫນ້າແມ່ນຖືກເກັບຮັກສາໄວ້ໃນເອກະສານດຽວ, ເຊິ່ງເຮັດໃຫ້ມັນງ່າຍທີ່ຈະດັດແປງຮູບແບບທົ່ວເວັບໄຊທ໌ທັງຫມົດຫຼືອົງປະກອບຫຼາຍ. ໄຟລ໌ໃຊ້ການຂະຫຍາຍໄຟລ໌ CSS, ແລະການເຊື່ອມຕໍ່ກັບສະຖານທີ່ຂອງໄຟລ໌ນັ້ນແມ່ນຢູ່ໃນເອກະສານ HTML ເພື່ອໃຫ້ຕົວທ່ອງເວັບເວັບໄຊຕ໌ຮູ້ບ່ອນທີ່ຈະຊອກຫາຄໍາແນະນໍາໃນການອອກແບບ.
ເອກະສານຫນຶ່ງຫຼືຫຼາຍສາມາດເຊື່ອມໂຍງກັບໄຟລ໌ CSS ດຽວກັນ, ແລະເວັບໄຊທ໌ອາດມີເອກະສານ CSS ທີ່ເປັນເອກະລັກຈໍານວນຫຼາຍສໍາລັບການອອກແບບຫນ້າຕ່າງໆ, ຕາຕະລາງ, ຮູບພາບ, ແລະອື່ນໆ.
ວິທີການເຊື່ອມໂຍງກັບເອກະສານສະໄຕພາຍນອກ
ທຸກໆເວັບໄຊຕ໌ທີ່ຕ້ອງການໃຊ້ຮູບແບບສະໄຕພາຍນອກໂດຍສະເພາະແມ່ນຕ້ອງເຊື່ອມໂຍງກັບໄຟລ໌ CSS ຈາກພາຍໃນສ່ວນ , ຄືກັນນີ້:
ໃນຕົວຢ່າງນີ້, ສິ່ງດຽວທີ່ຕ້ອງການປ່ຽນແປງເພື່ອເຮັດໃຫ້ມັນຖືກນໍາໃຊ້ກັບເອກະສານຂອງທ່ານເອງ, ແມ່ນຂໍ້ຄວາມ styles.css . ນີ້ແມ່ນສະຖານທີ່ຂອງໄຟລ໌ CSS ຂອງທ່ານ.
ຖ້າໄຟລ໌ຖືກເອີ້ນວ່າ style.css ແລະຕັ້ງຢູ່ໃນໂຟເດີດຽວກັນຄືກັບເອກະສານທີ່ເຊື່ອມຕໍ່ກັບມັນ, ມັນກໍ່ສາມາດຄົງຕົວໄດ້ດັ່ງທີ່ມັນອ່ານຂ້າງເທິງ. ຢ່າງໃດກໍຕາມ, ໂອກາດທີ່ໄຟລ໌ CSS ຂອງທ່ານມີຫົວຂໍ້ໃດຫນຶ່ງອີກ, ໃນກໍລະນີທີ່ທ່ານສາມາດປ່ຽນຊື່ຈາກ "ຄໍເຕົ້າໄຂ່" ກັບສິ່ງທີ່ທ່ານເປັນ.
ຖ້າໄຟລ໌ CSS ບໍ່ຢູ່ໃນຮາກຂອງໂຟເດີນີ້, ແຕ່ແທນທີ່ຈະຢູ່ໃນໂຟເດີຍ່ອຍ, ມັນອາດຈະອ່ານບາງຢ່າງເຊັ່ນ:
ຂໍ້ມູນເພີ່ມເຕີມກ່ຽວກັບໄຟລ໌ CSS ພາຍນອກ
ຜົນປະໂຫຍດອັນຍິ່ງໃຫຍ່ທີ່ສຸດຂອງຮູບແບບພາຍນອກແມ່ນວ່າພວກມັນບໍ່ໄດ້ຖືກຜູກມັດກັບຫນ້າໃດຫນຶ່ງ. ຖ້າຄໍເຕົ້າໄຂ່ທີ່ຖືກປະຕິບັດພາຍໃນຫຼືໃນໄລຍະ, ຫນ້າອື່ນໆທີ່ຢູ່ໃນເວັບໄຊທ໌ບໍ່ສາມາດຊີ້ໃຫ້ເຫັນຄວາມຕ້ອງການຂອງຄົນທີ່ມີຄວາມປະທັບໃຈ.
ມີຄໍເຕົ້າໄຂ່ທີ່ພາຍນອກ, ຢ່າງໃດກໍຕາມ, ໄຟລ໌ CSS ດຽວກັນສາມາດຖືກນໍາໃຊ້ສໍາລັບຕົວຫນັງສືທຸກໆຫນ້າດຽວໃນເວັບໄຊທ໌ເພື່ອໃຫ້ພວກເຂົາທັງຫມົດມີຮູບແບບເອກະພາບ, ແລະການດັດແກ້ເນື້ອຫາ CSS ເວັບໄຊທ໌ທັງຫມົດແມ່ນງ່າຍດາຍແລະສູນກາງ.
ທ່ານສາມາດເບິ່ງວິທີການເຮັດວຽກຂ້າງລຸ່ມນີ້ ...
ຮູບແບບພາຍໃນຮຽກຮ້ອງໃຫ້ໃຊ້