# 047: Xây dựng Mô-đun Thăm dò ý kiến, Phần 1 - Thủ thuật CSS

Anonim

Có một truyền thống lâu đời về các cuộc thăm dò về CSS-Tricks. Chúng thú vị, thu thập dữ liệu quan trọng tốt và tăng kết nối của mọi người với trang web. Tương tác FTW!

Chúng tôi đi lấy đánh dấu từ trang web v9 trực tiếp cho một số nội dung để hoạt động. Chúng tôi cải tiến một số nội dung về khoảng cách để làm cho mô-đun trông đẹp hơn đối với loại của chúng. Đầu tiên, chúng tôi giảm số lượng phần đệm trên các mô-đun trong thanh bên và chúng tôi loại bỏ hoàn toàn nó cho quảng cáo hình ảnh.

Các lựa chọn thăm dò ý kiến ​​của chúng tôi được đánh dấu trong một danh sách, điều này rất hợp lý, nhưng điều đó đi kèm với một số kiểu dáng không mong muốn. Vì vậy, chúng tôi sắp xếp lại cách thức và nơi chúng tôi áp dụng kiểu danh sách. Chúng tôi dành nhiều thời gian để chỉnh sửa những thứ nhỏ về kiểu chữ để làm cho các lựa chọn cuộc thăm dò trông đẹp mắt và dễ tương tác. Chúng tôi cũng khắc phục một số vấn đề với các nút, đặc biệt ngăn chúng xen vào giữa các từ và có màu khi di chuột nhất quán bất chấp phần tử tên lớp “nút” được áp dụng.

Chúng tôi chia nhỏ kiểu dáng mô-đun thành nó trên tệp SCSS để khi chúng ta tạo kiểu dành riêng cho mô-đun, chúng ta có thể chuyển ngay đến tệp đó. Tệp toàn cục ngày càng quá lớn, đây luôn là một dấu hiệu tốt, việc chia nhỏ là một ý tưởng hay cho sự tỉnh táo của chúng ta.