ຄຸນສົມບັດ css "ຄວາມໂປ່ງໃສ" - ວິທີການງ່າຍດາຍເພື່ອເຮັດໃຫ້ເວັບໄຊດັ່ງກ່າວອອກແບບທີ່ຫນ້າສົນໃຈຫຼາຍ

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

ຕົວກໍານົດການລະບຸອົງປະກອບຂອງຄວາມໂປ່ງໃສ

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

• ຄວາມເຂັ້ມ;
• ກັ່ນຕອງ;
• PNG, ຮູບພາບເປັນພື້ນຖານໄດ້.

ມູນຄ່າຊັບສິນ css "ຄວາມໂປ່ງໃສ" ກໍາລັງມີການປ່ຽນແປງດັ່ງຕໍ່ໄປນີ້: ການທີ່ສູງຂຶ້ນຈໍານວນ, ການຕ່ໍາໃນລະດັບຂອງຄວາມໂປ່ງໃສຂອງອົງປະກອບດັ່ງກ່າວ. The ເຂັ້ມ, ມັນແຕກຕ່າງກັນຈາກ 0 ກັບ 1, ໃນການກັ່ນຕອງ - ຈາກ 10 ຫາ 100 ແລະສຸດທ້າຍໄດ້ຖືກນໍາໃຊ້ສໍາລັບຕົວທ່ອງເວັບຂອງຄວາມສົນໃຈ Explorer, ແລະທັງຫມົດອື່ນໆຄຸນສົມບັດເຂັ້ມສາມາດນໍາໃຊ້.

ຄວາມໂປ່ງໃສ Image (ການປ່ຽນແປງ)

ໃຫ້ເລີ່ມຕົ້ນດ້ວຍຕົວເລືອກທີ່ຈະໄປປາກົດໂປ່ງໃສໃນເວລາທີ່ທ່ານຍ້າຍລາຍການ ໂດຍຍ້າຍຫນູ.

ໃຫ້ພວກເຮົາພິຈາລະນາວິທີການລະບຸຄວາມໂປ່ງໃສຂອງຮູບພາບໄດ້. CSS ມີສອງທາງເລືອກໃນການ. ເພື່ອເຮັດສິ່ງນີ້, ທ່ານຈະຕ້ອງລົງທະບຽນມັນໂດຍກົງໃນລະຫັດ html ເອກະສານດັ່ງຕໍ່ໄປນີ້:

1. ລະບຸເສັ້ນທາງກັບຮູບພາບໄດ້.
2. ພວກເຮົາກໍານົດຕົວກໍານົດການຂອງຄວາມໂປ່ງໃສໃນເວລາທີ່ຕົວກະພິບແມ່ນບໍ່. ເພື່ອເຮັດສິ່ງນີ້, ພວກເຮົານໍາໃຊ້ຄຸນສົມບັດຂອງ onmouseover ແລະ onmouseout ຊຶ່ງກໍາຫນົດຄ່າຂອງຄວາມເຂັ້ມແລະການກັ່ນຕອງການ.

ລັກສະນະດຽວກັນສາມາດໄດ້ຮັບການໄວ້ໃນ css, ເອກະສານແລະລະຫັດທີ່ມາການທີ່ຈະເພີ່ມການອ້າງອິງເຖິງມັນ. ຜົນໄດ້ຮັບເຮັດໃຫ້ອອກດຽວກັນ.

ຄວາມໂປ່ງໃສຂອງຂໍ້ຄວາມແລະຫນ້າບລັອກ

ໃນຖານະເປັນສໍາລັບຄວາມຫຼື block (div ໂປ່ງໃສ) ໄດ້, css ສະເຫນີທາງເລືອກຂອງຕົນ, ຄ້າຍຄືກັນກັບການສ້າງຮູບພາບທີ່ໂປ່ງໃສ, ທ່ານມີການນໍາໃຊ້ການເຊື່ອມຕໍ່ css, ເອກະສານ, ທີ່ຕົວກໍານົດການທີ່ຕ້ອງການໄດ້ຖືກກໍານົດ. ທ່ານສາມາດໄປແລະວິທີການ simpler. ໃນເວລາທີ່ທ່ານກໍານົດແບບ div style ຕັນຫຼື p ຂໍ້ກໍາຫນົດ html ລະຫັດດັ່ງຕໍ່ໄປນີ້ເພື່ອ onmouseover ແລະ onmouseout ອົງປະກອບ. ຕົວເລືອກທັງສອງເຮັດວຽກແລະຜະລິດຜົນໄດ້ຮັບທີ່ຕ້ອງການ.

ຄວາມໂປ່ງໃສຄົງທີ່

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

ອົງປະກອບ Css ຄວາມໂປ່ງໃສຈະໄດ້ຮັບການມອບໃຫ້ໂດຍລະຫັດດັ່ງຕໍ່ໄປນີ້. ໃນແບບ div block ສັ່ງຄ່າສໍາລັບຄວາມເປັນມາ (ເຊັ່ນ: # ff8800), ຄວາມເຂັ້ມ (ຕົວຢ່າງ:, 05) ແລະ width (width) ແລະ padding (padding).

ສໍາລັບຮູບພາບທີ່ຄ່າລະຫັດປະດິດແລະການກັ່ນຕອງຄວາມເຂັ້ມ, ແລະລະບຸເສັ້ນທາງກັບຮູບພາບໄດ້.

RGBA, ວິທີການ

ຄວາມໂປ່ງໃສສາມາດຖືກນໍາໃຊ້ກັບສີຖານຂອງອົງປະກອບອອກແບບໃດ: ມີທາງເລືອກອື່ນສໍາລັບການນໍາໃຊ້ css ຄຸນສົມບັດນີ້ແມ່ນ. ມັນໃຊ້ວິທີການ RGBA. ສາມຕົວອັກສອນທໍາອິດຢືນສໍາລັບການສີພື້ນຖານ (ສີແດງ, fission, ສີນ້ໍາເງິນ), ແລະສຸດທ້າຍ - ບໍ່ມີເພດ;, ເຊິ່ງກໍານົດລະດັບຄວາມໂປ່ງໃສ. ການນໍາໃຊ້ RGBA, ຮູບແບບກໍາຫນົດຄວາມໂປ່ງໃສ, ຊີ້ໃຫ້ຕົວເລກສຸດທ້າຍໄດ້. ສໍາລັບຕົວຢ່າງ, ເປັນ: ຄວາມເປັນມາ: rgba (240,2,33,0.4035).

ສະຫຼຸບ

ດັ່ງນັ້ນ, ໂດຍການນໍາໃຊ້ໃນໄລຍະຂອງການເຮັດວຽກກ່ຽວກັບການອອກແບບເວັບໄຊຄຸນນະສົມບັດທີ່ງ່າຍດາຍແຕ່ປະສິດທິພາບ css "ຄວາມໂປ່ງໃສ", ທ່ານສາມາດເຮັດໃຫ້ມັນຫນ້າສົນໃຈຫຼາຍແລະອົງປະກອບທີ່ມີຄວາມພະຍາຍາມຫນ້ອຍຫນັງສືແຈ້ງການເພີ່ມເຕີມ. The embodiments ອະທິບາຍລັກສະນະໂປ່ງໃສ custom ຈະຊ່ວຍໃຫ້ທ່ານມີນີ້.