ວິທີການປ່ຽນສີຂອງຄໍາທີ່ມີ Tag Span ແລະ CSS

ດ້ວຍ CSS , ມັນງ່າຍທີ່ຈະກໍານົດສີຂອງຂໍ້ຄວາມໃນເອກະສານ. ຖ້າທ່ານຕ້ອງການວັກໃນຫນ້າຂອງທ່ານຈະຖືກສະແດງຢູ່ໃນສີທີ່ແນ່ນອນ, ທ່ານພຽງແຕ່ລະບຸວ່າໃນເອກະສານສະໄຕພາຍນອກຂອງທ່ານແລະຕົວທ່ອງເວັບຈະສະແດງຂໍ້ຄວາມຂອງທ່ານໃນສີທີ່ເລືອກນັ້ນ. ຈະເປັນແນວໃດຫຼັງຈາກນັ້ນທ່ານຕ້ອງການປ່ຽນສີຂອງຄໍາດຽວ (ຫຼືບາງຄໍາສັບຕ່າງໆ) ພາຍໃນວັກຂອງບົດເລື່ອງ? ສໍາລັບວ່າ, ທ່ານຈະຕ້ອງໃຊ້ອົງປະກອບໃນເສັ້ນເຊັ່ນ: ແທັກ.

ໃນທີ່ສຸດ, ການປ່ຽນແປງສີຂອງຄໍາດຽວຫຼືກຸ່ມນ້ອຍໆຂອງຄໍາໃນປະໂຫຍກແມ່ນງ່າຍດາຍໂດຍໃຊ້ CSS, ແລະ tags ແມ່ນ HTML ທີ່ຖືກຕ້ອງ, ສະນັ້ນບໍ່ຕ້ອງກັງວົນກ່ຽວກັບການເປັນບາງຊະນິດ hack. ດ້ວຍວິທີການນີ້, ທ່ານຍັງຫຼີກເວັ້ນການນໍາໃຊ້ແທດເຫມາະແລະຄຸນລັກສະນະຕ່າງໆເຊັ່ນ "ໂປແກມ", ເຊິ່ງເປັນຜະລິດຕະພັນຂອງຍຸກສະໄຫມເກົ່າ.

ບົດຄວາມນີ້ແມ່ນສໍາລັບການພັດທະນາເວັບໄຊຕ໌ທີ່ເລີ່ມຕົ້ນທີ່ມີຄວາມໃຫມ່ກັບ HTML ແລະ CSS. ມັນຈະຊ່ວຍໃຫ້ທ່ານຮຽນຮູ້ວິທີການໃຊ້ HTML tag ແລະ CSS ເພື່ອປ່ຽນສີຂອງຂໍ້ຄວາມສະເພາະໃນຫນ້າຂອງທ່ານ. ວ່າຖືກເວົ້າວ່າ, ມີຂໍ້ບົກຜ່ອງບາງຢ່າງກັບວິທີນີ້, ເຊິ່ງຂ້ອຍຈະກວມເອົາໃນຕອນທ້າຍຂອງບົດຄວາມນີ້. ສໍາລັບໃນປັດຈຸບັນ, ອ່ານກ່ຽວກັບການຮຽນຮູ້ຂັ້ນຕອນໃນການປ່ຽນແປງສີຂໍ້ຄວາມນີ້! ມັນງ່າຍແລະຄວນໃຊ້ເວລາປະມານ 2 ນາທີ.

ຄໍາແນະນໍາຂັ້ນຕອນໂດຍຂັ້ນຕອນ

  1. ເປີດຫນ້າເວັບທີ່ທ່ານຕ້ອງການປັບປຸງໃນບັນນາທິການເອກະສານທີ່ທ່ານຕ້ອງການ. ນີ້ອາດຈະເປັນໂຄງການເຊັ່ນ Adobe Dreamweaver ຫຼືບັນນາທິການຕົວຢ່າງເຊັ່ນ Notepad, Notepad ++, TextEdit, ແລະອື່ນໆ.
  2. ໃນເອກະສານ, ຊອກຫາຄໍາທີ່ທ່ານຕ້ອງການທີ່ຈະສະແດງຢູ່ໃນສີທີ່ແຕກຕ່າງກັນໃນຫນ້າ. ສໍາລັບ sake ຂອງບົດຮຽນນີ້, ສາມາດນໍາໃຊ້ບາງຄໍາທີ່ຢູ່ໃນວັກໃຫຍ່ຂອງຂໍ້ຄວາມ. ຂໍ້ຄວາມນັ້ນຈະຖືກບັນຈຸພາຍໃນຄູ່ດຽວກັນ. ຊອກຫາຫນຶ່ງໃນສອງຄໍາທີ່ມີສີທີ່ທ່ານຕ້ອງການແກ້ໄຂ.
  3. ວາງຕົວກະພິບຂອງທ່ານກ່ອນຈົດຫມາຍທໍາອິດໃນຄໍາສັບຫຼືກຸ່ມຂອງຄໍາທີ່ທ່ານຕ້ອງການປ່ຽນສີ. ຈືຂໍ້ມູນການ, ຖ້າທ່ານກໍາລັງໃຊ້ບັນນາທິການ WYSIWYG ເຊັ່ນ: Dreamweaver, ທ່ານກໍາລັງເຮັດວຽກຢູ່ໃນລະບົບ "view code" ໃນປັດຈຸບັນ.
  4. ໃຫ້ລວບລວມຂໍ້ຄວາມທີ່ມີສີທີ່ພວກເຮົາຕ້ອງການປ່ຽນແປງກັບແທັກ, ລວມທັງຄຸນລັກສະນະຊັ້ນ. ຂໍ້ຫຍໍ້ຫນ້າທັງຫມົດອາດຈະຄືດັ່ງນີ້: ນີ້ແມ່ນຂໍ້ຄວາມທີ່ຖືກເນັ້ນໃສ່ໃນປະໂຫຍກ.
  5. ພວກເຮົາໄດ້ນໍາໃຊ້ອົງປະກອບຂອງເສັ້ນ, ເພື່ອ, ເພື່ອໃຫ້ຂໍ້ຄວາມສະເພາະໃດຫນຶ່ງວ່າ "hook" ທີ່ພວກເຮົາສາມາດໃຊ້ໃນ CSS. ຂັ້ນຕອນຕໍ່ໄປຂອງພວກເຮົາແມ່ນເພື່ອເຕັ້ນໄປຫາໄຟລ໌ CSS ພາຍນອກຂອງພວກເຮົາເພື່ອເພີ່ມກົດລະບຽບໃຫມ່.
  1. ໃນໄຟລ໌ CSS ຂອງພວກເຮົາ, ໃຫ້ເພີ່ມ:
    1. focus-text {
    2. ສີ: # F00;
    3. }
  2. ກົດລະບຽບນີ້ຈະກໍານົດວ່າອົງປະກອບຂອງເສັ້ນ, ທີ່, ເພື່ອສະແດງໃນສີແດງ. ຖ້າຫາກວ່າພວກເຮົາມີແບບທີ່ຜ່ານມາທີ່ກໍານົດຂໍ້ຄວາມຂອງພວກເຮົາໃຫ້ເປັນສີດໍາ, ແບບອິນເຕີເນັດນີ້ຈະເຮັດໃຫ້ຂໍ້ຄວາມກວ້າງຖືກມຸ້ງໃສ່ແລະຢືນຢູ່ກັບສີທີ່ແຕກຕ່າງກັນ. ພວກເຮົາຍັງສາມາດເພີ່ມຄໍເຕົ້າໄຂ່ທີ່ອື່ນໆໃນກົດລະບຽບນີ້, ບາງທີອາດເຮັດໃຫ້ບົດແປ້ນພິມທີ່ບໍ່ຖືກຕ້ອງຫຼືກ້າຫານເພື່ອເນັ້ນຫນັກໃສ່ມັນຫຼາຍກວ່າເກົ່າບໍ?
  3. ບັນທຶກຫນ້າຂອງທ່ານ.
  4. ທົດສອບຫນ້າເວັບ ໃນເບົາເຊີທີ່ທ່ານມັກເພື່ອເບິ່ງການປ່ຽນແປງໃນຜົນກະທົບ.
  5. ໃຫ້ສັງເກດວ່ານອກຈາກນັ້ນ, ຜູ້ຊ່ຽວຊານດ້ານເວັບບາງເລືອກທີ່ຈະນໍາໃຊ້ອົງປະກອບອື່ນໆເຊັ່ນຄູ່ໂຄສະນາ. tags ເຫຼົ່ານີ້ແມ່ນໃຊ້ສໍາລັບ "bold" ແລະ "italics" ໂດຍສະເພາະ, ແຕ່ຖືກ deprecated ແລະທົດແທນດ້ວຍແລະ. ແທໍກຍັງເຮັດວຽກຢູ່ໃນຕົວທ່ອງເວັບທີ່ທັນສະໄຫມ, ຢ່າງໃດກໍຕາມ, ນັກພັດທະນາເວັບໄຊຕ໌ຈໍານວນຫຼາຍດັ່ງກ່າວນໍາໃຊ້ພວກເຂົາເປັນ hooks styling inline. ນີ້ບໍ່ແມ່ນວິທີທີ່ເລວຮ້າຍທີ່ສຸດ, ແຕ່ຖ້າທ່ານຕ້ອງການຫຼີກເວັ້ນບໍ່ໃຫ້ມີອົງປະກອບທີ່ບໍ່ໄດ້ຮັບການສະຫນັບສະຫນູນໃດໆ, ຂ້າພະເຈົ້າຂໍແນະນໍາໃຫ້ຕິດຕາມຄໍາທີ່ຕ້ອງການແບບນີ້.

ເຄັດລັບແລະສິ່ງທີ່ຄວນສັງເກດສໍາລັບ

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