# 008: Chụp ảnh Mô-đun Mô-đun - Thủ thuật CSS

Anonim

Toàn bộ trang web sẽ dựa trên "mô-đun". Mỗi thứ nhỏ sẽ nằm trong một chiếc hộp theo đúng nghĩa đen (cuối cùng là cả trực quan và trong mã). Chúng tôi bắt đầu với một mô-đun cho bài đăng blog gần đây nhất trên trang chủ, nhưng mô-đun sẽ được sử dụng ở mọi nơi. Nhận xét cá nhân, khu vực thanh bên như “Cuộc thăm dò ý kiến”, quảng cáo… mọi thứ.

Khi chúng tôi có mô-đun bài viết cơ sở này, chúng tôi sẽ làm việc với một chút kiểu chữ trong đó. Chúng tôi sử dụng tiêu đề bài đăng thực (một ý tưởng hay để cảm nhận độ dài từ nội dung thực), nhưng sau đó sử dụng Lorem Ipsum (thở hổn hển!) Cho đoạn trích (thực tế).

Chúng tôi giới thiệu một số phông chữ mới. Phần đầu (trong một thế giới hoàn hảo) sẽ là Whitney Condensed Bold và phần thân sẽ là Whitney thường.

Chúng tôi giới thiệu khái niệm "hình vuông nhỏ màu" cho các mô-đun. Điều này tồn tại trong một thời gian dài trong quá trình thiết kế nhưng (như bạn có thể thấy trên trang web nếu chúng ta vẫn đang sử dụng v10) cuối cùng nó biến thành một thanh màu.