# 019: Xây dựng một lưới đơn giản - Thủ thuật CSS

Mục lục

Thiết kế trang web đang được định hình rất giống lưới. Các mô-đun của chúng tôi sẽ bố trí rất rõ ràng thành một lưới. Nhưng không phải lưới phức tạp và kỳ lạ? Và có lẽ chúng ta nên sử dụng một số khuôn khổ ưa thích ngoài đó? Không. Chúng thật dễ dàng. Chúng tôi sẽ thiết lập một đơn giản chỉ trong vài phút. Các khái niệm tại nơi làm việc đã khắc ghi bài báo “Đừng suy nghĩ quá nhiều về nó”.

Tất nhiên, chúng tôi gặp phải một số vấn đề trong quá trình này (như bạn làm). Trong trường hợp này, chúng tôi đã sử dụng một bộ chọn thuộc tính không khớp như chúng tôi muốn.

Chúng tôi cũng thiết lập một tệp CSS “hộp công cụ” sẽ chứa các lớp chung, có thể tái sử dụng và loại hữu ích trên toàn cầu. Cái đầu tiên, như mọi khi, là Clearfix - một chút CSS mà chúng tôi có thể sử dụng trên các phần tử mẹ mà chúng tôi không muốn sụp đổ vì các phần tử con trôi nổi của chúng. Chúng tôi không tải CSS hộp công cụ này lên dưới dạng một tệp riêng biệt, chúng tôi @ nhập nó vào toàn cầu.

Chúng tôi làm cho lưới hoạt động, nhưng chúng tôi vẫn còn việc phải làm để đưa các mô-đun vào đó một cách chính xác và thiết lập máng xối.

thú vị bài viết...