CSS Layout
CSS grid CSS Grid Layout là một hệ thống layout hai chiều cho web. Nó cho phép bạn bố trí nội dung theo hàng và cột và có nhiều tính năng giúp xây dựng layout phức tạp. Bài viết này sẽ cung cấp cho bạn tất cả những gì bạn cần biết để bắt đầu với layout trang. Điều kiện: Có khái niệm HTML và CSS cơ bản Kết quả thu được: Hiểu các khái niệm cơ bản đằng sau các hệ thống grid layout và cách triển khai grid layout bằng CSS Grid. What is grid layout? Lưới là một tập hợp các đường ngang và dọc tạo ra một mô hình mà chúng ta có thể sắp xếp các yếu tố thiết kế của mình. Chúng giúp chúng ta tạo ra các thiết kế trong đó các phần tử không nhảy xung quanh hoặc thay đổi độ rộng khi chúng tôi chuyển từ trang này sang trang khác, mang lại sự thống nhất cao hơn trên các trang web. Một lưới thường sẽ có các columns , các rows và sau đó là các khoảng trống giữa mỗi hàng và cột - thường được gọi là gutters . Creating your grid in CSS Section Khi đã ...