Phân biệt hai với hướng dẫn này
Nếu bạn không biết sự khác biệt giữa padding và margins là gì, bạn không đơn độc. Đó là một câu hỏi thường gặp và đã tạo nên nhiều nhà thiết kế web . Với hướng dẫn nhanh này, hãy tìm hiểu cách phân biệt giữa hai hướng dẫn này.
Hiểu sự khác biệt
Lề và đệm có thể gây nhầm lẫn cho người thiết kế web mới làm quen và đôi khi ngay cả những nhà thiết kế có nhiều kinh nghiệm hơn. Xét cho cùng, theo một số cách, chúng có vẻ giống nhau: khoảng trắng xung quanh một hình ảnh hoặc vật thể.
Đệm chỉ đơn giản là không gian bên trong đường viền giữa đường viền và nội dung ô hoặc hình ảnh thực tế. Trong hình ảnh, phần đệm là vùng màu vàng xung quanh nội dung. Lưu ý rằng padding đi hoàn toàn xung quanh nội dung. Bạn sẽ tìm thấy phần đệm ở phía trên, dưới, bên phải và bên trái.
Mặt khác, lề là các khoảng trống bên ngoài biên giới, giữa biên giới và các phần tử khác bên cạnh đối tượng này. Trong hình ảnh, lề là vùng wite bên ngoài toàn bộ đối tượng. Lưu ý rằng, giống như phần đệm, lề đi hoàn toàn xung quanh nội dung. Có lợi nhuận ở phía trên, dưới, bên phải và bên trái.
Lời khuyên hữu ích
Hãy nhớ rằng nếu bạn đang có kế hoạch thực hiện những điều thực sự ưa thích với lề và đệm mà một số trình duyệt, chẳng hạn như Internet Explorer, không triển khai đúng mô hình hộp. Điều này có nghĩa là các trang của bạn sẽ trông khác nhau (và đôi khi rất khác) trong các trình duyệt khác.