การแสดงผล CSS (แสดง) และการมองเห็น (มองเห็น)
วิธีการแสดงคุณสมบัติองค์ประกอบเป็นชุดที่จะแสดงแอตทริบิวต์การแสดงผลระบุว่าเป็นองค์ประกอบที่ควรจะมองเห็นหรือซ่อน
องค์ประกอบที่ซ่อน - display: none หรือการมองเห็น: ซ่อน
ซ่อนองค์ประกอบโดยแอตทริบิวต์การแสดงผลที่กำหนดให้ "ไม่มี" หรือทรัพย์สินเพื่อการมองเห็น "ซ่อน" ทราบ แต่ทั้งสองวิธีจะให้ผลลัพธ์ที่แตกต่างกัน
การมองเห็น: ซ่อนเพื่อซ่อนองค์ประกอบ แต่องค์ประกอบที่ซ่อนอยู่ยังคงเหมือนเดิมเช่นเดียวกับก่อนการประกอบอาชีพและไม่ซ่อนพื้นที่ นั่นคือแม้ว่าองค์ประกอบที่ถูกซ่อนอยู่ แต่ยังคงส่งผลกระทบต่อรูปแบบ
display: none เพื่อซ่อนองค์ประกอบและองค์ประกอบที่ซ่อนอยู่จะไม่ใช้พื้นที่ใด ในคำอื่น ๆ องค์ประกอบนี้ไม่ได้ซ่อนเฉพาะและพื้นที่ที่ถูกครอบครองโดยองค์ประกอบเดิมจะหายไปจากเค้าโครงหน้า
การแสดงผล CSS - Block และองค์ประกอบแบบอินไลน์
บล็อกองค์ประกอบเป็นองค์ประกอบการขึ้นทั้งความกว้างของตัวแบ่งบรรทัดก่อนและหลังจากที่มัน
ตัวอย่างขององค์ประกอบของบล็อก:
- <h1>
- <p>
- <div>
องค์ประกอบแบบอินไลน์เพียง แต่ต้องมีความกว้างที่จำเป็นไม่ได้บังคับให้แบ่งบรรทัด
ตัวอย่างขององค์ประกอบแบบอินไลน์:
- <span>
- <a>
วิธีการเปลี่ยนองค์ประกอบการแสดงผล
คุณสามารถเปลี่ยนองค์ประกอบบล็อกและองค์ประกอบแบบอินไลน์และในทางกลับกันสามารถทำให้หน้าดูคือการรวมกันของวิธีการเฉพาะและยังคงปฏิบัติตามมาตรฐานเว็บ
ตัวอย่างต่อไปนี้จะแสดงรายการเป็นองค์ประกอบแบบอินไลน์:
องค์ประกอบดังต่อไปนี้ตัวอย่างเช่นช่วงที่เป็นองค์ประกอบของบล็อก:
หมายเหตุ: การเปลี่ยนแปลงประเภทขององค์ประกอบการแสดงผลให้ดูว่าองค์ประกอบที่จะแสดงมันเป็นสิ่งที่ชนิดขององค์ประกอบตัวอย่างเช่นองค์ประกอบแบบอินไลน์ตั้งค่าการแสดง: บล็อกไม่ได้รับอนุญาตให้มีภายในองค์ประกอบของบล็อกซ้อนกันของตัวเอง
ตัวอย่างเพิ่มเติม
วิธีการแสดงองค์ประกอบแบบอินไลน์
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการแสดงแบบอินไลน์ขององค์ประกอบ
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการแสดงองค์ประกอบองค์ประกอบบล็อก
วิธีการใช้คุณสมบัติการล่มสลายของตาราง
ตัวอย่างนี้แสดงให้เห็นถึงวิธีการที่จะใช้ตารางของคุณสมบัติการล่มสลาย