Lịch sử thuộc tính float và clear trong CSS giải thích cách float trở thành công cụ bố cục chính trước Flexbox và Grid, tại sao clearfix ra đời, và cách nhận diện mẫu code cũ để bảo trì hoặc di chuyển sang CSS hiện đại.
Khám phá cách dùng vùng lưới có tên để tạo mẫu trang ngữ nghĩa, dễ đọc và dễ sắp xếp lại theo từng kích thước màn hình mà vẫn giữ đúng thứ tự tài liệu và khả năng tiếp cận.
Khám phá cách trình duyệt biến HTML thành các hộp và sắp xếp chúng bằng các kỹ thuật từ luồng thông thường đến Flexbox và Grid để tạo nên hình hài rõ ràng, linh hoạt trên mọi kích thước màn hình.
Hướng dẫn thực hành về các giá trị position trong CSS, giúp bạn chọn đúng công cụ thay vì thử-và-sai.
Giải thích z-index và stacking context trong CSS: lý do z-index đôi khi không hoạt động và cách các stacking context kiểm soát các lớp chồng lấp.
Flexbox mang đến cách rõ ràng để xác định vị trí các phần tử trên trục chính và trục phụ của một vùng chứa. Hướng dẫn căn chỉnh flexbox justify content align items này tập trung vào ba thuộc tính giúp giải quyết hầu hết vấn đề bố cục.
Mỗi phần tử trên trang web đều chiếm một hình chữ nhật. Hiểu bốn lớp của mô hình hộp CSS giúp bạn kiểm soát không gian, viền và khoảng cách giữa các phần tử.
Học cách chọn điểm ngắt dựa trên nội dung, xây dựng cấu trúc mobile-first với min-width và viết media queries tối giản, dễ bảo trì cho trang đáp ứng linh hoạt trên mọi màn hình.
Khung quyết định thực tế để chọn giữa Flexbox và CSS Grid, dựa trên số chiều của bài toán, với ví dụ và checklist cụ thể.
Căn giữa看似 nhỏ nhưng chạm đến cốt lõi của bố cục CSS. Bài viết tổng hợp các kỹ thuật hiện đại đáng tin cậy để canh chỉnh phần tử mà không cần hack mong manh.
