Phân tầng trong CSS

Khi muốn các tầng trong CSS lồng ghép với nhau theo 1 trật tự từ ngoài vào trong, bạn có thể sử dụng thuộc tính z-index. z-index cao hơn thể hiện tầng/lớp (layer) đó có thứ tự cao hơn tính từ trong ra ngoài. Ví dụ: nếu bạn muốn dòng chữ có thể nằm đè lên trên một tấm ảnh, bạn thiết lập z-index của dòng chữ lớn hơn bức ảnh đó.
Một lưu ý, khi sử dụng z-index, bạn cũng cần đồng thời khai báo thêm thuộc tính position (relative hay absoluted đều được). Điều này rất ít người để ý khi thử dùng z-index và thấy không có tác dụng 🙂

Bạn có thể tham khảo thêm bài viết
CSS Layers

Technorati Tags: z-index

Hướng dẫn thiết kế CSS Layout từ A – Z

Đây là bài hướng dẫn rất chi tiết cách thức tạo 1 CSS Layout từ đầu đến khi kết thúc, qua bài học này, bạn có thể hiểu được cách thức cũng như những mẹo khi thiết kế CSS Layout.

Bài viết khá chi tiết và dễ hiểu với những hình chụp minh họa trực quan. Không có nhiều bài viết như vậy về đề tài này.

Creating a CSS layout from scratch

Technorati Tags: css layout