ລວມທັງຄວາມຄິດເຫັນໃນລະຫັດ CSS ຂອງທ່ານແມ່ນມີປະໂຫຍດແລະແນະນໍາໃຫ້ສູງ.
ເວັບໄຊທ໌ທຸກໆປະກອບດ້ວຍອົງປະກອບໂຄງສ້າງ (ເຊິ່ງຖືກກໍານົດໂດຍ HTML) ເຊັ່ນດຽວກັນກັບຮູບແບບການເບິ່ງເຫັນຫຼື "ເບິ່ງແລະຮູ້ສຶກ" ຂອງເວັບໄຊທ໌ນັ້ນ. ແຜ່ນສະໄຕແບບ Cascading (CSS) ແມ່ນສິ່ງທີ່ຖືກນໍາໃຊ້ເພື່ອກໍານົດຮູບລັກສະນະຂອງເວັບໄຊທ໌. ຮູບແບບເຫຼົ່ານີ້ຖືກເກັບໄວ້ແຍກອອກຈາກໂຄງສ້າງ HTML ເພື່ອໃຫ້ງ່າຍຕໍ່ການປັບປຸງແລະຍຶດຫມັ້ນມາດຕະຖານເວັບ.
ມີຂະຫນາດຂອງຄວາມສັບສົນຂອງເວັບໄຊທ໌ເວລາຫຼາຍໆມື້, ແຜ່ນສະໄຕສາມາດກາຍເປັນເລື່ອງຍາວແລະມີຄວາມຫຍຸ້ງຍາກຫຼາຍທີ່ຈະເຮັດວຽກຮ່ວມກັບ. ນີ້ແມ່ນຄວາມຈິງໂດຍສະເພາະແມ່ນໃນເວລາທີ່ທ່ານເລີ່ມຕົ້ນເພີ່ມໃນການ ສອບຖາມສື່ ສໍາລັບ ຮູບແບບເວັບໄຊທ໌ຕອບສະຫນອງ . ສື່ມວນຊົນເຫລົ່ານັ້ນສາມາດເພີ່ມຈໍານວນຮູບແບບໃຫມ່ໃຫ້ແກ່ເອກະສານ CSS ແລະເຮັດໃຫ້ມັນຍາກທີ່ຈະເຮັດວຽກໄດ້. ນີ້ແມ່ນບ່ອນທີ່ຄໍາຄິດເຫັນຂອງ CSS ສາມາດກາຍເປັນການຊ່ວຍເຫຼືອທີ່ມີຄ່າໃນເວັບໄຊທ໌.
ການເພີ່ມຄໍາເຫັນກ່ຽວກັບໄຟລ໌ CSS ຂອງເວັບໄຊທ໌ເປັນວິທີທີ່ດີທີ່ຈະເພີ່ມໂຄງສ້າງໃນສ່ວນຂອງລະຫັດນັ້ນສໍາລັບຜູ້ອ່ານຜູ້ທີ່ກໍາລັງທົບທວນເອກະສານ. ມັນຍັງເປັນວິທີທີ່ດີເລີດສໍາລັບການອະທິບາຍຮູບແບບເຫຼົ່ານັ້ນສໍາລັບນັກວິຊາຊີບເວັບທີ່ອາດຈະຕ້ອງເຮັດວຽກຢູ່ໃນເວັບໄຊທ໌ໃນອະນາຄົດ - ລວມທັງຕົວທ່ານເອງ!
ໃນທີ່ສຸດ, ການສະແດງຄໍາຄິດເຫັນ CSS ຢ່າງສະຫຼາດຈະເຮັດໃຫ້ຮູບແບບທີ່ງ່າຍຕໍ່ການດໍາເນີນການ. ນີ້ແມ່ນ, ສໍາຄັນ, ສໍາຄັນສໍາລັບແຜ່ນແບບທີ່ຈະຖືກດັດແກ້ໂດຍທີມງານ. ຄໍາເຫັນສາມາດຖືກນໍາໃຊ້ເພື່ອສື່ສານລັກສະນະທີ່ສໍາຄັນຂອງເອກະສານສະໄຕໃຫ້ສະມາຊິກທີ່ແຕກຕ່າງກັນຂອງທີມທີ່ອາດຈະບໍ່ຄຸ້ນເຄີຍກັບລະຫັດແລ້ວ. ຄໍາເຫັນເຫຼົ່ານີ້ຍັງສາມາດຊ່ວຍໃຫ້ຜູ້ທີ່ໄດ້ເຮັດວຽກຢູ່ໃນເວັບໄຊທ໌ກ່ອນຖ້າພວກເຂົາກັບຄືນສູ່ລະຫັດຫຼັງຈາກເວລາອອກໄປ. ຂ້າພະເຈົ້າມັກຈະແກ້ໄຂເວັບໄຊທ໌ທີ່ຂ້າພະເຈົ້າກໍ່ສ້າງເດືອນຫຼືແມ້ກະທັ້ງປີກ່ອນແລະມີຄໍາຄິດຄໍາເຫັນທີ່ດີໃນ HTML ແລະ CSS ເປັນການຊ່ວຍເຫຼືອທີ່ດີ! ຈືຂໍ້ມູນການ, ພຽງແຕ່ເນື່ອງຈາກວ່າທ່ານສ້າງເວັບໄຊທ໌ບໍ່ໄດ້ຫມາຍຄວາມວ່າທ່ານຈະຈື່ວ່າເປັນຫຍັງທ່ານເຮັດສິ່ງທີ່ທ່ານໄດ້ເຮັດເມື່ອທ່ານກັບໄປທີ່ເວັບໄຊທ໌ນັ້ນໃນອະນາຄົດ! ຄໍາເຫັນສາມາດເຮັດໃຫ້ຄວາມຕັ້ງໃຈຂອງທ່ານຈະແຈ້ງແລະຊັດເຈນເຖິງຄວາມເຂົ້າໃຈຜິດໃດໆກ່ອນທີ່ມັນຈະເກີດຂຶ້ນ.
ສິ່ງຫນຶ່ງທີ່ຈະເຂົ້າໃຈກ່ຽວກັບຄໍາຄິດເຫັນຂອງ CSS ແມ່ນວ່າພວກເຂົາບໍ່ໄດ້ສະແດງເມື່ອຫນ້າເວັບໃນເວບໄຊທ໌. ຄໍາຄິດຄໍາເຫັນເຫຼົ່ານີ້ແມ່ນຂໍ້ມູນເທົ່ານັ້ນ, ຄືຄໍາຄິດເຫັນ HTML (ເຖິງແມ່ນວ່າ syntax ແມ່ນແຕກຕ່າງກັນລະຫວ່າງສອງ). ຄໍາຄິດເຫັນ CSS ເຫຼົ່ານີ້ບໍ່ມີຜົນກະທົບຕໍ່ການສະແດງຜົນຂອງເວັບໄຊທ໌ໃດໃນທາງໃດກໍ່ຕາມແລະພຽງແຕ່ມີຢູ່ໃນລະຫັດຕົວມັນເອງ.
ເພີ່ມຄໍາເຫັນ CSS
ການເພີ່ມຄໍາຄິດເຫັນ CSS ແມ່ນຂ້ອນຂ້າງງ່າຍດາຍ. ທ່ານພຽງແຕ່ຈອງຄໍາເຫັນຂອງທ່ານດ້ວຍການເປີດແລະປິດສະແດງຄໍາເຫັນ:
- ເລີ່ມຕົ້ນຄວາມຄິດເຫັນຂອງທ່ານໂດຍການເພີ່ມ * / *
- ປິດຄໍາຄິດເຫັນຂອງທ່ານໂດຍການເພີ່ມ * /
ສິ່ງທີ່ປາກົດຂື້ນລະຫວ່າງສອງຄໍາເຫຼົ່ານີ້ຈະເປັນເນື້ອໃນຂອງຄໍາເຫັນ, ສາມາດເຫັນໄດ້ໃນລະຫັດແລະບໍ່ໄດ້ສະແດງໂດຍຕົວທ່ອງເວັບ.
ຄໍາຄິດເຫັນ CSS ສາມາດເປັນເສັ້ນດຽວຫຼືມັນສາມາດໃຊ້ເສັ້ນຫຼາຍ. ນີ້ແມ່ນຕົວຢ່າງເສັ້ນດຽວ:
div # border_red {border: thin solid red } / * ຕົວຢ່າງຊາຍແດນ * /ແລະຕົວຢ່າງຫຼາຍ:
/ *************************** ********************** ****** ແບບສໍາລັບຂໍ້ຄວາມລະຫັດ **************************** ************ *************** /Breaking Out Sections
ຫນຶ່ງໃນວິທີທີ່ຂ້າພະເຈົ້າມັກຈະໃຊ້ຄໍາຄິດເຫັນຂອງ CSS ແມ່ນເພື່ອຈັດແຈງເອກະສານສະໄຕຂອງຂ້າພະເຈົ້າໃນຂະຫນາດນ້ອຍ, ງ່າຍດາຍທີ່ບໍ່ຕັດສິນ. ຂ້າພະເຈົ້າມັກຈະສາມາດເບິ່ງພາກສ່ວນເຫຼົ່ານີ້ໄດ້ຢ່າງງ່າຍດາຍໃນເວລາທີ່ຂ້າພະເຈົ້າໃຊ້ໄຟລ໌ໃນພາຍຫຼັງ. ເພື່ອເຮັດສິ່ງນີ້, ຂ້າພະເຈົ້າມັກຈະເພີ່ມຄວາມຄິດເຫັນທີ່ມີຫຼາຍລັດສະຫວິດໃນພວກມັນເພື່ອໃຫ້ພວກເຂົາສະຫນອງການພັກຜ່ອນທີ່ໃຫຍ່ແລະຊັດເຈນໃນຫນ້າທີ່ງ່າຍຕໍ່ທີ່ຈະເບິ່ງຄືຂ້ອຍເລື່ອນໄວຜ່ານລະຫັດ. ນີ້ແມ່ນຕົວຢ່າງ:
/ * ----------------------- Styles Header ----------------------- ------- * /ເມື່ອຂ້ອຍເຫັນຄໍາເຫັນເຫຼົ່ານີ້ໃນລະຫັດຂອງຂ້ອຍ, ຂ້ອຍຮູ້ວ່າມັນເປັນຈຸດເລີ່ມຕົ້ນຂອງສ່ວນໃຫມ່ຂອງເອກະສານນັ້ນ, ເຊິ່ງເຮັດໃຫ້ຂ້ອຍສາມາດເຮັດໄດ້ງ່າຍແລະໃຊ້ລະຫັດ.
& # 34; Commenting Out & # 34; ລະຫັດ
ຄໍາສະແດງຄໍາຄິດຄໍາເຫັນຍັງສາມາດເປັນປະໂຫຍດໃນຂະບວນການຕົວຈິງຂອງການຂຽນແລະແກ້ໄຂຫນ້າ. ຄໍາເຫັນສາມາດຖືກນໍາໃຊ້ໃນເຂດຂໍ້ມູນ "ສະແດງອອກ" ຫຼື "ປິດ" ຂອງລະຫັດນັ້ນເພື່ອເບິ່ງວ່າມີຫຍັງເກີດຂື້ນຖ້າຫາກວ່າພາກນັ້ນບໍ່ແມ່ນສ່ວນຫນຶ່ງຂອງຫນ້າ.
ດັ່ງນັ້ນວິທີການນີ້ເຮັດວຽກໄດ້ແນວໃດ? ດີ, ເນື່ອງຈາກວ່າຄໍາສະແດງຄໍາຄິດເຫັນບອກຕົວທ່ອງເວັບທີ່ຈະບໍ່ສົນໃຈທຸກສິ່ງທຸກຢ່າງລະຫວ່າງພວກເຂົາ, ທ່ານສາມາດໃຊ້ມັນເພື່ອປິດບາງສ່ວນບາງສ່ວນຂອງລະຫັດ CSS. ນີ້ສາມາດໃຊ້ໄດ້ໃນເວລາທີ່ແກ້ໄຂ, ຫຼືເມື່ອດັດປັບຮູບແບບເວັບໄຊຕ໌.
ເພື່ອເຮັດສິ່ງນີ້, ທ່ານພຽງແຕ່ຈະເພີ່ມຄໍາສະແດງຄໍາຄິດເຫັນເປີດບ່ອນທີ່ທ່ານຕ້ອງການລະຫັດທີ່ຈະເລີ່ມການປິດການໃຊ້ງານແລະຫຼັງຈາກນັ້ນເອົາໂຄ້ດທີ່ສິ້ນສຸດທີ່ທ່ານຕ້ອງການໃຫ້ສ່ວນທີ່ພິການສິ້ນສຸດລົງ. ທຸກສິ່ງທຸກຢ່າງລະຫວ່າງ tags ເຫຼົ່ານັ້ນຈະບໍ່ມີຜົນກະທົບຕໍ່ການສະແດງຜົນຂອງເວັບໄຊທ໌, ໃຫ້ທ່ານແກ້ໄຂ CSS ເພື່ອເບິ່ງບ່ອນທີ່ມີບັນຫາເກີດຂຶ້ນ. ຫຼັງຈາກນັ້ນທ່ານສາມາດເຂົ້າໄປໃນແລະແກ້ໄຂບັນຫານັ້ນແລະເອົາຄໍາເຫັນອອກຈາກລະຫັດ.
CSS ຄໍາແນະນໍາຄໍາແນະນໍາ
ໃນຖານະເປັນ recap, ນີ້ແມ່ນບາງຄໍາແນະນໍາເພື່ອຈື່ຈໍາສໍາລັບການນໍາໃຊ້ຄໍາຄິດຄໍາເຫັນໃນ CSS ຂອງທ່ານ:
- ຄວາມຄິດເຫັນສາມາດແຜ່ຫລາຍສາຍ.
- ຄໍາເຫັນສາມາດປະກອບມີອົງປະກອບ CSS ທີ່ທ່ານບໍ່ຕ້ອງການທີ່ຈະສະແດງໂດຍຕົວທ່ອງເວັບ, ແຕ່ບໍ່ຕ້ອງການລຶບຫມົດ. ນີ້ແມ່ນວິທີທີ່ດີທີ່ຈະແກ້ໄຂຮູບແບບຂອງເວັບໄຊທ໌ - ໃຫ້ແນ່ໃຈວ່າເອົາຮູບແບບທີ່ບໍ່ໄດ້ນໍາໃຊ້ (ແທນທີ່ຈະເຮັດໃຫ້ພວກເຂົາອອກຄໍາເຫັນ) ຖ້າທ່ານຕັດສິນໃຈບໍ່ຕ້ອງການໃຫ້ພວກເຂົາຢູ່ໃນເວັບໄຊທ໌
- ໃຊ້ຄໍາຄິດຄໍາເຫັນເມື່ອທ່ານຂຽນ CSS ທີ່ສັບສົນເພື່ອເພີ່ມຄວາມກະຈ່າງແຈ້ງແລະແຈ້ງໃຫ້ນັກພັດທະນາໃນອະນາຄົດ, ຫຼືຕົວທ່ານເອງໃນອະນາຄົດ, ກ່ຽວກັບສິ່ງທີ່ສໍາຄັນທີ່ພວກເຂົາຄວນຮູ້. ນີ້ຈະຊ່ວຍປະຢັດເວລາພັດທະນາໃນອະນາຄົດສໍາລັບທຸກຄົນທີ່ກ່ຽວຂ້ອງ
- ຄໍາເຫັນຍັງສາມາດປະກອບມີຂໍ້ມູນ meta ເຊັ່ນ:
- ຜູ້ຂຽນ
- ວັນທີ່ສ້າງຂື້ນ
- ຂໍ້ມູນລິຂະສິດ
ການປະຕິບັດງານ
ຄວາມຄິດເຫັນທີ່ແນ່ນອນສາມາດເປັນປະໂຫຍດ, ແຕ່ຄວນຮູ້ວ່າຄໍາຄິດຄໍາເຫັນເພີ່ມເຕີມທີ່ທ່ານເພີ່ມໄວ້ໃນຮູບແບບ, ມັນຈະກາຍເປັນຄວາມຄິດທີ່ຈະສົ່ງຜົນກະທົບຕໍ່ຄວາມໄວແລະການປະຕິບັດຂອງເວັບໄຊທ໌. ນີ້ແມ່ນຄວາມກັງວົນທີ່ແທ້ຈິງ, ແຕ່ທ່ານບໍ່ຄວນລັ່ງເລທີ່ຈະເພີ່ມຄວາມຄິດເຫັນທີ່ເປັນປະໂຫຍດແລະຖືກຕ້ອງຕາມຄວາມຢ້ານວ່າການປະຕິບັດຈະທົນທຸກ. ເສັ້ນຂອງ CSS ບໍ່ເພີ່ມຂະຫນາດຢ່າງຫຼວງຫຼາຍຕໍ່ເອກະສານ. ທ່ານຈໍາເປັນຕ້ອງເພີ່ມ TONS ຂອງຄໍາເຫັນເພື່ອເຮັດໃຫ້ຜົນກະທົບທີ່ສໍາຄັນຕໍ່ຂະຫນາດຂອງໄຟລ໌ CSS. ການເພີ່ມຄໍາເຫັນທີ່ເປັນປະໂຫຍດໃນ CSS ຂອງທ່ານບໍ່ຄວນໃຫ້ທ່ານມີຜົນກະທົບທາງລົບຕໍ່ຄວາມໄວໃນຫນ້າເວັບ.
ໃນທີ່ສຸດ, ທ່ານຈະຕ້ອງການຊອກຫາຄວາມສົມດູນລະຫວ່າງຄໍາເຫັນທີ່ເປັນປະໂຫຍດແລະຄໍາເຫັນຫຼາຍເກີນໄປເພື່ອໃຫ້ໄດ້ຜົນປະໂຫຍດຂອງເອກະສານ CSS ຂອງທ່ານ.
ບົດສະບັບຕົ້ນໂດຍ Jennifer Krynin. ແກ້ໄຂໂດຍ Jeremy Girard ວັນທີ 7/5/17