Đang chuẩn bị liên kết để tải về tài liệu:
Simple CSS - Bài 9&10: Box Model -Margin & Padding

Trong CSS, box model (mô hình hộp) mô tả cách mà CSS định dạng khối không gian bao quanh một thành phần. Nó bao gồm padding (vùng đệm), border (viền) và margin (canh lề) và các tùy chọn. Hình bên dưới mô tả cấu trúc minh họa mô hình hộp cho một thành phần web. Trong CSS, box model (mô hình hộp) mô tả cách mà CSS định dạng khối không gian bao quanh một thành phần. Phần CSS cho đoạn HTML trên: Trích: p{ width:200px; margin:30px 20px; padding:20px 10px; border:1px solid #000; text-align:justify } Với ví dụ trên chúng. | Simple CSS - Bài 9 10 Box Model -Margin Padding Trong CSS box model mô hình hộp mô tả cách mà CSS định dạng khối không gian bao quanh một thành phần. Nó bao gồm padding vùng đệm border viền và margin canh lề và các tùy chọn. Hình bên dưới mô tả cấu trúc minh họa mô hình hộp cho một thành phần web. Top rMarein__f _Border__1 Padding Content ị Ị ỉ ẩ 1 Í I _I Top Model Box p Trong CSS box model mô hình hộp mô tả cách mà CSS định dạng khối không gian bao quanh một thành phần. p Phần CSS cho đoạn HTML trên Trích p width 200px margin 30px 20px padding 20px 10px border 1px solid 000 text-align justify Với ví dụ trên chúng ta sẽ khái quát được mô hình hộp như sau Có lẽ bạn sẽ cảm thấy hơi khó hiểu. Nhưng không sao cả tạm thời bạn cứ chấp nhận như vậy. Còn về những cái hộp này thì chúng ta sẽ cùng tìm hiểu cụ thể hơn trong các bài học tiếp theo. Simple CSS - Bài 10 Margin Padding Như đã giới thiệu ở bài trước trong bài học này chúng ta sẽ cùng tìm hiểu chi tiết về 2 thành phần margin và padding của mô hình hộp. 10.1. Thuộc tính margin Như tất cả những ai đã học qua MS Word đều biết là trong phần thiết lập Page Setup của Word cũng có một thiết lập margin để định lề cho trang in. .