ການຕັ້ງຄ່າໃນ CSS ໄດ້: ຕັດແຖວດ້ວຍຕົນ

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

ຖ້າຫາກວ່າບໍ່ມີການປັບແມ່ນເຮັດ, ທ່ານແມ່ນກໍານົດໃຫ້ຄ່າໄວ້ໃນຕອນຕົ້ນ. ທ່ານສາມາດມີການປ່ຽນແປງໄລຍະຫ່າງຖ້າຕ້ອງການ. ມູນຄ່າທີ່ສາມາດຈະບໍ່ວ່າຈະເປັນອັດຕາສ່ວນຫຼື pixels.

ແຖວສູງ

ໄລຍະຫ່າງລະຫວ່າງ CSS ສາຍສາມາດໄດ້ຮັບການສະແດງໃຫ້ເຫັນໂດຍຕົວເລກດັ່ງຕໍ່ໄປນີ້.

ໃນຮູບພາບຂ້າງເທິງສະແດງໃຫ້ເຫັນຕົວກໍານົດການທີ່ມີໄລຍະຫ່າງທີ່ສອດຄ້ອງກັນ. ຂໍ້ຄວາມແມ່ນຢູ່ໃນຊ່ອງນາດໂຕອັກສອນຂະຫນາດ. ໃຫ້ສັງເກດວ່າເສັ້ນຄວາມບໍ່ເລີ່ມຕົ້ນຢູ່ທີ່ໂຄນແລະສູງກວ່າເລັກນ້ອຍ. ພື້ນທີ່ສະຫນອງໃຫ້ລຸ່ມນີ້ເພື່ອຕົວອັກສອນທີ່ມີອົງປະກອບທາງລຸ່ມ (g, y, ແລະອື່ນໆ).

ໃຫ້ສັງເກດວ່າຊ່ອງຫວ່າງລະຫວ່າງບລັອກນາດໂຕອັກສອນຂະຫນາດໄດ້ຖືກເອີ້ນວ່ານໍາ. ມີ HTML ແລະ CSS ຄຸນສົມບັດນີ້ປາກົດວ່າບໍ່, ແຕ່ວ່າມັນແມ່ນຢູ່ໃນປະເທດອື່ນໆບັນນາທິການຮູບພາບແລະຂໍ້ຄວາມ. ສໍາລັບຕົວຢ່າງ, ໃນ Adobe Photoshop.

ຕົວເລກຂ້າງເທິງນີ້ສະແດງທີ່ຢູ່ໃນ "Photoshop", ທ່ານສາມາດກໍານົດນໍາ. ແລະຕໍ່ໄປລະບຸໂຕອັກສອນຂະຫນາດ.

ຕົວຢ່າງຂອງການນໍາໃຊ້ເສັ້ນລະດັບຄວາມສູງ

ໃນ CSS, ໄລຍະຫ່າງລະຫວ່າງເສັ້ນທີ່ສາມາດໄດ້ຮັບການກໍານົດເປີເຊັນຕໍ່. ຕົວຢ່າງຕົວຢ່າງມີດັ່ງລຸ່ມນີ້.

ໃນກໍລະນີຂອງຄ່າຂະຫນາດນ້ອຍຂອງຜູ້ໃຊ້ຂອງເວັບໄຊຂອງທ່ານຈະເປັນສະດວກໃນການອ່ານ.

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

subtleties ຂອງການອອກແບບ

ໄລຍະຫ່າງລະຫວ່າງ CSS ສາຍເພີ່ມເຕີມສາມາດປັບເຍື້ອງະຕ່າງໆ. ພິຈາລະນາຕົວຢ່າງໃນຕົວເລກດັ່ງກ່າວ.

ໃນ "Element" ໃນກໍລະນີນີ້ຈະເປັນຂໍ້ຄວາມ. Padding - padding ແມ່ນພາຍໃນຈຸດປະສົງ, ແລະອັດຕາກໍາໄຮ - indentation ຂອງວັດຖຸໄດ້. ຊາຍແດນ - ພານີ້. ມັນອາດຈະເປັນ 0 pixels, ແລະອາດຈະມີ 100.

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

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

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

ວິທີການເພີ່ມທະວີການໄລຍະຫ່າງລະຫວ່າງສາຍຂອງ CSS ໄດ້

ໄລຍະຫ່າງລະຫວ່າງສາຍຂອງ HTML, ທ່ານສາມາດລົງທະບຽນກັບຫ້ອງຮຽນຫຼືສໍາລັບການວັກທັງຫມົດໃນບົດເລື່ອງ. ຖ້າຫາກວ່າທ່ານກໍານົດເຊັ່ນນີ້: p {ເສັ້ນສູງ: 20px; } -. ຫຼັງຈາກນັ້ນຢ່າງແທ້ຈິງວັກທັງຫມົດໃນຫນ້າເວັບຈະເບິ່ງຊ່ອຍແນ່ຂອງ 20 pixels ຖ້າຫາກວ່າທ່ານຕ້ອງການໃນສະຖານທີ່ທີ່ແຕກຕ່າງກັນໃນຂະຫນາດທີ່ແຕກຕ່າງກັນ, ມັນແມ່ນແນະນໍາໃຫ້ເຮັດດັ່ງຕໍ່ໄປນີ້.

ພວກເຮົາສັ່ງຄໍເຕົ້າໄຂ່ທີ່.

.class1 {ເສັ້ນສູງ: 20px; }

.class2 {ເສັ້ນສູງ: 16px; }

.class3 {ເສັ້ນສູງ: 12px; }

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

ຕໍ່ໄປ, ພວກເຮົານໍາໃຊ້ຫ້ອງຮຽນເຫຼົ່ານີ້. ຜົນໄດ້ຮັບແມ່ນເປັນດັ່ງຕໍ່ໄປນີ້.

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

ມັນບໍ່ໄດ້ຖືກແນະນໍາໃຫ້ເຮັດຄວາມນ້ອຍເກີນໄປແລະເປັນໄລຍະທາງຂະຫນາດນ້ອຍລະຫວ່າງສາຍ. ເນື່ອງຈາກວ່າບໍ່ມີຜູ້ໃຊ້ຈະບໍ່ສາມາດທີ່ຈະອ່ານມັນທັງຫມົດ calmly. ເຂົາຕາເມື່ອຍຢ່າງໄວວາ. ເຄື່ອງມືຄົ້ນຫາຍັງເວົ້າວ່າຄວາມເປັນຜູ້ເປັນມິດ.

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

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

ຕໍ່ໄປນີ້ແມ່ນຕົວຢ່າງຂອງຜົນໄດ້ຮັບທີ່ອາດຈະເປັນ.

ມັນແມ່ນແນະນໍາໃຫ້ການນໍາໃຊ້ຄໍາແນະນໍາເຫຼົ່ານີ້ເນື່ອງຈາກວ່າເງື່ອນໄຂເຫຼົ່ານີ້ມີຜົນກະທົບຜົນໄດ້ຮັບການຊອກຫາ.