Tìm hiểu Margin và Padding

Margin và Padding là 2 mã rất quang trọng nếu bạn muốn chỉnh sửa template của mình. Chúng ta sẽ bắt đầu tìm hiểu ngay bây giờ .
1) Margin:
Bạn có thể hiểu đó là mã dùng để căn lề (trên, phải, dưới, trái) giữa các phần tử trong blog của bạn, như là:main, footer, header, sidebar,các phần tử trong sidebar..(xem hình bên)
Đơn vị đo độ dài ở đây là : "pixcel" (px) , hoặc là phần trăm (%)

Ví dụ một mã margin như sau::
Margin:1px 2px 3px 4px;

Câu mã trên có nghĩa là:
cách bên trên:1px
cách bên phải:2px
cách bên dưới:3px
cách bên trái:4px

Thứ tự căn lề là cố định vì vậy bạn phải nhớ khi chỉnh sửa margin.

ví dụ khác: margin:1px 1px 1px 1px;

Ở câu lệnh này bạn có thể rút gọn như sau:margin:1px;


2) Padding:

Padding là mã dùng để tạo khoảng cách giữa nội dung bên trong với phần khung chứa nội dung đó ( Xem hình bên). Đơn vị đo độ dài ở đây là : "pixcel" (px) , hoặc là phần trăm (%)

Cách thay đổi padding giống như cách thay đổi margin.

Bây giờ bạn thử áp dụng với template của mình và xem nhưng thay đổi đó. Chúc bạn thành công