Box Model Siêu nhân lập trình Web

Thuộc tính nào điều chỉnh khoảng cách giữa phần nội dung và viền của một phần tử ?

• Margin

• Padding

• Border

• Box-sizing

Giá trị nào của box-sizing bao gồm cả border và padding trong tính toán kích thước thẻ ?

• Content-box

• Padding-box

• Border-box

• Margin-box

margin điều chỉnh khoảng cách giữa thẻ và…

• Nội dung bên trong

• Thẻ khác

• Viền (border)

• Padding

Khi sử dụng padding: 10px;, điều gì xảy ra với phần content của thẻ?

• Content bị thu nhỏ 10px mỗi bên

• Content sẽ cách viền 10px mỗi bên

• Kích thước của thẻ giảm đi 10px

• Thẻ bị đẩy 10px so với thẻ khác

Khi border: 2px solid black;, độ dày viền (border) của phần tử là bao nhiêu?

• 2px

• 4px

• 6px

• Không xác định

Nếu box-sizing: content-box; và width: 200px; padding: 10px; border: 5px solid;, tổng chiều rộng phần tử là bao nhiêu?

• 200px

• 210px

• 220px

• 230px

Thuộc tính nào không nằm trong Box Model?

• Border

• Margin

• Padding

• Opacity

Khi box-sizing: border-box;, kích thước tổng của phần tử bao gồm những phần nào?

• Nội dung (content)

• Content và padding

• Content, padding, và border

• Content, padding, border, và margin

Cách viết ngắn gọn padding: 10px 20px 30px; có nghĩa là gì?

• Top: 10px, Right: 20px, Bottom: 30px, Left: 10px

• Top: 10px, Right: 20px, Bottom: 30px, Left: 20px

• Top: 30px, Right: 20px, Bottom: 10px, Left: 20px

• Top: 10px, Right: 30px, Bottom: 20px, Left: 30px

Nếu một thẻ có margin: 20px;, nó sẽ tạo khoảng cách ở đâu?

• Phía bên trong phần tử

• Giữa content và viền (border)

• Giữa thẻ đó và các thẻ khác xung quanh

• Không tạo khoảng cách