ຕັດແຖວດ້ວຍຕົນ, CSS, ຄວາມຮູ້ພື້ນຖານ

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

ຂໍ້ມູນຂ່າວສານທີ່ຈໍາເປັນ

CSS ຫຍໍ້ມາຈາກ Cascading Style Sheet, ຊຶ່ງແປຫມາຍຄວາມວ່າ "ແບບ cascading ແຜ່ນ". ພາສານີ້ແມ່ນນໍາໃຊ້ສໍາລັບຫນ້າເວັບຕ່າງໆທີ່ໄດ້ຮັບການລາຍລັກອັກສອນໃນພາສາ markup ເປັນ (eg, HTML). ກ່ອນການມາເຖິງຂອງ CSS ຊຸດເອກະສານການອອກແບບທີ່ມີການກໍ່ສ້າງໃນ tags HTML, ແຕ່ພວກເຂົາເຈົ້າໄດ້ສຸດບໍ່ສະດວກແລະນ້ໍາຖ້ວມລະຫັດທັງຫມົດ. ມັນເພາະສະນັ້ນຈຶ່ງຕັດສິນໃຈທີ່ຈະສ້າງພາສາໃຫມ່ທີ່ຈະຮັບຜິດຊອບສໍາລັບການຈົດທະບຽນ. ໃນມື້ນີ້, CSS ແລະ HTML - ສອງແນວຄວາມຄິດ inseparable. ແບບ cascading Syntax ແມ່ນງ່າຍດາຍຫຼາຍ, ມັນໃຊ້ຄຸນສົມບັດແລະຄຸນຄ່າຂອງເຂົາເຈົ້າ, ເຊັ່ນ: «ຄວາມເປັນມາ: ສີແດງ». ການກໍາຫນົດຂອບເຂດ, ທ່ານພຽງແຕ່ຕ້ອງການທີ່ຈະຂຽນຊື່ໂຄດຄໍາສັ່ງຄຸນສົມບັດ (ຫຼືສິ່ງລະບຸ): « body {background: ສີແດງ; } "ແຕ່ວ່າທີມງານຂອງມັນເອງແມ່ນຖືກຈັດໃສ່ໃນລະຫວ່າງການສາຍຣັດໄດ້. ໃນຕອນທ້າຍຂອງແຕ່ລະບັນທັດທີ່ບັນທຶກດ້ວຍລາຍລະອຽດຂອງລັກສະນະດັ່ງກ່າວຈະຈ້ໍາຈຸດໃດຫນຶ່ງ, ຖ້າບໍ່ດັ່ງນັ້ນຄວາມຜິດພາດເກີດຂຶ້ນ.

ໄລຍະ

ແຕ່ພຽງພໍຂອງປະໂຫຍກທີ່ introductory, ໄດ້ຮັບການລົງກັບທຸລະກິດ. Line ຖານ ຄຸນສົມບັດ CSS ກໍາລັງກໍານົດການນໍາໃຊ້ເສັ້ນລະດັບຄວາມສູງ. ມັນສາມາດໄດ້ຮັບການນໍາໃຊ້ກັບອົງປະກອບທັງຫມົດ. ຄຸນສົມບັດຕົນເອງໄດ້ຖືກຮັບມໍລະດົກຊຶ່ງມີຄວາມຫມາຍວ່າເດັກນ້ອຍຈະສໍາເນົາສະຖານທີ່ໄດ້ຈາກພໍ່ແມ່ຂອງເຂົາເຈົ້າ. ສໍາລັບຕົວຢ່າງ, ຖ້າຫາກວ່າທ່ານຂຽນຄໍາສັ່ງດັ່ງຕໍ່ໄປນີ້: body {ເສັ້ນສູງ: 20px}, ຫຼັງຈາກນັ້ນອົງປະກອບທັງຫມົດໃນຫນ້າເວັບ, ຕັດແຖວດ້ວຍຕົນຈະມີຄວາມເທົ່າທຽມກັບ 20 pixels. ເປັນມູນຄ່າຂອງຊັບສິນນີ້ສາມາດຖືກນໍາໃຊ້ໃນຫົວຫນ່ວຍ CSS ໃດທີ່ຮູ້ຈັກ (ລາຍການ - pt, pixels - px, ນິ້ວ - ໃນ, ແລະອື່ນໆ ... ). ທາງເລືອກອີກປະການຫນຶ່ງແມ່ນເພື່ອນໍາໃຊ້ຄ່າພີ່ນ້ອງສົນໃຈຫຼືຕົວຄູນດັ່ງກ່າວ. ໃນກໍລະນີດັ່ງກ່າວນີ້, ໄດ້ສະຖານ CSS ສາຍຈະຖືກຫັກອອກຈາກອົງປະກອບພໍ່ແມ່ໄດ້. ມູນຄ່າໄວ້ໃນຕອນຕົ້ນແມ່ນພິຈາລະນາທີ່ຈະເປັນຄໍາທົ່ວໄປ.

ສໍາລັບຂໍ້ມູນເພີ່ມເຕີມ

ນັບຕັ້ງແຕ່ພວກເຮົາກໍາລັງລົມກັນກ່ຽວກັບໄລຍະການ, ມັນເປັນມູນຄ່າ mentioning ກ່ຽວກັບໄລຍະຫ່າງລະຫວ່າງຕົວອັກສອນໄດ້. ການກໍານົດລັກສະນະນີ້ໃນ CSS ທີ່ກໍານົດໄວ້ຫລີກໄປທາງຫນຶ່ງຄຸນສົມບັດແຍກຕ່າງຫາກ, ຄືຈົດຫມາຍສະບັບ, ສະຖານ. ຄໍາສັ່ງນີ້ແມ່ນຫຼັກການຂອງການດໍາເນີນການເປັນຄ້າຍຄືກັນກັບເສັ້ນລະດັບຄວາມສູງ. ຫນ່ວຍຄ່າອື່ນໆດຽວກັນ. CSS, ໄລຍະຫ່າງລະຫວ່າງຕົວອັກສອນຍັງສາມາດໄດ້ຮັບການນໍາໃຊ້ກັບອົງປະກອບທັງຫມົດ, ແລະມີສະຫນັບສະຫນູນຂອງສະບັບທັງຫມົດຂອງພາສາໄດ້. ຕົວຢ່າງຂອງຄຸນສົມບັດນີ້: « h2 {ຕົວອັກສອນ, ສະຖານທີ່: 10px; } ". ຖ້າຫາກວ່າທ່ານກໍາຫນົດໄລຍະຫ່າງລະຫວ່າງຕົວອັກສອນສໍາລັບອົງປະກອບຂອງຮ່າງກາຍໄດ້, ຫຼັງຈາກນັ້ນອົງປະກອບທັງຫມົດຈະມູນມໍລະດົກຄຸນນະສົມບັດນີ້ (ຖ້າຫາກວ່າມູນຄ່າບໍ່ໄດ້ແທນຢ່າງຊັດເຈນ).

ສະຫຼຸບ

ຄວນຈະໄດ້ຮັບຍົກໃຫ້ເຫັນວ່າຕົວທ່ອງເວັບບາງຢ່າງຖືກຕ້ອງກໍານົດໄລຍະ CSS height ເສັ້ນ. ສໍາລັບຕົວຢ່າງ, ໂຄງການ IE (ເຖິງຮຸ່ນ 70) ບໍ່ຖືກຕ້ອງຄໍານວນໄລຍະທາງທີ່. ໃນກໍລະນີດັ່ງກ່າວນີ້, ທ່ານຄວນຈະໃຊ້ເວລາເຂົ້າໄປໃນບັນຊີຂອງໄລຍະຫ່າງທີ່ແຕກຕ່າງກັນ. ສະບັບໃຫມ່ຂອງຄວາມຜິດພາດນີ້ແມ່ນການແກ້ໄຂຂອງຕົວທ່ອງເວັບທັງຫມົດ. A ບັນຫາທີ່ຄ້າຍຄືກັນໄດ້ຖືກພົບໃນເວລາທີ່ການນໍາໃຊ້ຄຸນສົມບັດສໍາລັບການກໍານົດໄລຍະຫ່າງລະຫວ່າງຕົວອັກສອນ. ໃນບັນດາໂຄງການອື່ນໆທັງຫມົດຂໍ້ມູນຄໍາສັ່ງໄດ້ຖືກກໍານົດໃຫ້ສອດຄ່ອງກັບ W3C (World Consortium ເວັບກ້ວາງ).