css model รูปแบบและองค์ประกอบ

css จะมอง element หรือองค์ประกอบทั้งหมดของ html ลักษณะเป็นกรอบสี่เหลี่ยม ดังนั้นข้อมูดใดๆ ที่มี ให้ใส่เข้าไปในกรอบสี่เหลี่ยมนั้น และเว็บไซต์หนึ่งเว็บไซต์นั้นประกอบไปด้วย กรอบสี่เหลี่ยมหลายๆ ชิ้น ซึ่งในกรอบสี่เหลี่ยมดังกล่าวนั้นจะประกอบไปด้วย

• border: เส้นกรอบของสี่เหลี่ยม
• margin: ขอบนอกกรอบสี่เหลี่ยม
• padding: ขอบในกรอบสี่เหลี่ยม
• ข้อมูลในกรอบสี่เหลี่ยม

ความกว้าง และความสูง ของ element

เมื่อต้องการกำหนดคุณสมบัติความกว้าง และความสูงให้กับ element ใดๆ ควรคำนึงถึง ความกว้าง ความสูง ของ border, padding และ margin ใน element นั้นๆ ด้วย