Trang web lấy hình từ đâu
Style Sheet là tạp chí giáo dục khám phá cách một trang web được định hình. Chúng tôi giải mã CSS từ mô hình hộp đến grid và flexbox bằng hình ảnh trực quan và ví dụ thực tế.
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.
