แท็ก HTML แบ่งออกเป็นสองประเภท: องค์ประกอบอินไลน์และองค์ประกอบระดับบล็อก ก่อนอื่นให้เข้าใจแนวคิดขององค์ประกอบอินไลน์และองค์ประกอบระดับบล็อก:
องค์ประกอบระดับบล็อก: โดยทั่วไปมันเป็นคอนเทนเนอร์สำหรับองค์ประกอบอื่น ๆ ซึ่งสามารถรองรับองค์ประกอบอินไลน์และองค์ประกอบระดับบล็อกอื่น ๆ องค์ประกอบระดับบล็อกปฏิเสธองค์ประกอบอื่น ๆ ในแถวเดียวกับพวกเขา คุณสามารถตั้งค่าความกว้าง (ความกว้าง) และความสูง (ความสูง) องค์ประกอบระดับบล็อกในสตรีมปกติจะถูกวางในแนวตั้ง องค์ประกอบบล็อกทั่วไปคือ div องค์ประกอบอินไลน์ (องค์ประกอบอินไลน์): องค์ประกอบอินไลน์สามารถรองรับข้อความหรือองค์ประกอบอินไลน์อื่น ๆ เท่านั้นและเป็นลูกหลานขององค์ประกอบระดับบล็อก พวกเขาอนุญาตให้องค์ประกอบอินไลน์อื่น ๆ อยู่ในบรรทัดเดียวกับพวกเขาและไม่สามารถตั้งค่าความสูงและความกว้าง องค์ประกอบอินไลน์ทั่วไปคือตามแนวคิดขององค์ประกอบระดับบล็อกเราสามารถเข้าใจได้ว่าองค์ประกอบระดับบล็อกมีการแบ่งบรรทัดก่อนและหลังซึ่งเทียบเท่ากับการเพิ่มแท็ก <br> ก่อนและหลังองค์ประกอบ เราสามารถนึกถึงองค์ประกอบระดับบล็อกเป็นบล็อกหรือสี่เหลี่ยมผืนผ้าดังนั้นองค์ประกอบระดับบล็อกสามารถตั้งค่าแอตทริบิวต์ความสูงความสูง
ตัวอย่าง:
ไฟล์ CSS:
คัดลอกรหัส