ระยะห่างระหว่างบรรทัด, CSS, พื้นฐาน

วันนี้เราจะไปแยกช่วงเวลาที่ความสูงของบรรทัด CSS คุณลักษณะนี้จะช่วยทำให้ข้อความให้อ่านง่ายขึ้น นอกจากนี้ก็มักจะถูกนำมาใช้เพื่อลดขนาดที่ถูกครอบครองโดยเนื้อหาในหน้านั้น โดยเฉพาะอย่างยิ่งสำหรับมือใหม่เพียงด้านล่างพูดนอกเรื่องสั้น ๆ เกี่ยวกับประวัติความเป็นมาของปัญหาที่จะมีการจัด เช่นนั้นแล้วคุณจะได้เรียนรู้วิธีการติดตั้งช่วงเวลาที่ความสูงของบรรทัดแบบ CSS

ข้อมูลที่จำเป็น

CSS ย่อมาจาก Cascading สไตล์ชีต, ซึ่งแปลหมายถึง "cascading สไตล์แผ่น" ภาษานี้ใช้สำหรับหน้าเว็บที่ได้รับการเขียนในภาษามาร์กอัป (เช่น HTML) ก่อนการถือกำเนิดของการออกแบบ CSS ชุดเอกสารที่มีในตัว แท็ก แต่พวกเขามากอึดอัดและน้ำท่วมรหัสทั้งหมด ดังนั้นเขาจึงตัดสินใจที่จะสร้างภาษาใหม่ที่จะเป็นผู้รับผิดชอบสำหรับการลงทะเบียน วันนี้, CSS และ HTML - เป็นสองแนวคิดที่แยกกันไม่ออก cascading สไตล์ไวยากรณ์เป็นเรื่องง่ายมากที่จะใช้คุณสมบัติและค่าของพวกเขาเช่น«พื้นหลัง: สีแดง» ในการกำหนดขอบเขตคุณเพียงแค่ต้องเขียนไปยังชื่อแท็กสถานที่ให้บริการ (หรือตัวระบุ): «ร่างกาย {พื้นหลัง: สีแดง; } "แต่ทีมตัวเองอยู่ระหว่างการจัดฟัน ในตอนท้ายของแต่ละบรรทัดบันทึกที่มีคำอธิบายในลักษณะที่จะเป็นอัฒภาคมิฉะนั้นมีข้อผิดพลาดเกิดขึ้น

ช่วงเวลา

แต่พอของวลีเบื้องต้นได้รับลงไปที่ธุรกิจ ระยะห่างบรรทัด คุณสมบัติ CSS มีการตั้งค่าการใช้ line-height ก็สามารถที่จะนำไปใช้กับองค์ประกอบทั้งหมด คุณสมบัติตัวเองเป็นกรรมพันธุ์ซึ่งหมายความว่าเด็กจะคัดลอกระยะห่างจากพ่อแม่ของพวกเขา ตัวอย่างเช่นถ้าคุณเขียนคำสั่งต่อไปนี้: body {line-height: 20px} แล้วองค์ประกอบทั้งหมดบนหน้าระยะห่างระหว่างบรรทัดจะเท่ากับ 20 พิกเซล ในฐานะที่เป็นค่าของคุณสมบัตินี้สามารถนำมาใช้ในหน่วย CSS ใด ๆ ที่รู้จักกัน (รายการ - จุดพิกเซล - px นิ้ว - ใน ฯลฯ ... ) อีกตัวเลือกหนึ่งคือการใช้ค่าญาติสนใจหรือตัวคูณดังกล่าว ในกรณีนี้ระยะห่าง CSS เส้นจะถูกหักจากองค์ประกอบหลัก ค่าเริ่มต้นจะถือเป็นคำหลักปกติ

สำหรับข้อมูลเพิ่มเติม

เนื่องจากเรามีการพูดคุยเกี่ยวกับช่วงเวลานั้นมันเป็นมูลค่าการกล่าวขวัญเกี่ยวกับระยะห่างระหว่างตัวอักษร เพื่อตรวจสอบลักษณะนี้ใน CSS ตั้งสำรองที่พักแยกต่างหากคือตัวอักษรระยะห่าง คำสั่งนี้เป็นหลักการของการดำเนินการคล้ายกับ line-height หน่วยค่าอื่น ๆ เดียวกัน CSS-ระยะห่างระหว่างตัวอักษรนอกจากนี้ยังสามารถนำไปใช้กับองค์ประกอบทั้งหมดและมีการสนับสนุนของทุกรุ่นของภาษา ตัวอย่างของคุณสมบัติ: « h2 {ตัวอักษรระยะห่าง: 10px; }" ถ้าคุณกำหนดช่วงเวลาระหว่างตัวอักษรสำหรับองค์ประกอบของร่างกายแล้วองค์ประกอบทั้งหมดจะได้รับมรดกคุณลักษณะนี้ (ถ้าค่าไม่ได้แทนที่อย่างชัดเจน)

ข้อสรุป

มันควรจะตั้งข้อสังเกตว่าเบราว์เซอร์บางอย่างถูกต้องตรวจสอบช่วงเวลา CSS สูงของบรรทัด ตัวอย่างเช่นโปรแกรม IE (ขึ้นอยู่กับรุ่น 7.0) ไม่ถูกต้องคำนวณระยะทาง ในกรณีนี้คุณควรคำนึงถึงช่วงเวลาที่แตกต่างกัน รุ่นใหม่ของข้อผิดพลาดนี้ได้รับการแก้ไขอย่างสมบูรณ์เบราว์เซอร์ ปัญหาที่คล้ายกันจะพบเมื่อใช้คุณสมบัติสำหรับการกำหนดระยะห่างระหว่างตัวอักษร ในโปรแกรมอื่น ๆ ทั้งหมดข้อมูลคำสั่งจะถูกกำหนดให้สอดคล้องกับ W3C (เวิลด์ไวด์เว็บคอนซอร์เทียม)