# 047: Anket Modülünü Oluşturma, Bölüm 1 - CSS Hileleri

Anonim

CSS hileleriyle ilgili uzun bir anket geleneği vardır. Eğlencelidirler, iyi önemli veriler toplarlar ve insanların siteyle olan bağlantısını arttırırlar. Nişan FTW!

Çalışacak bazı şeyler için canlı v9 sitesinden işaretlemeyi almaya gidiyoruz. Modülün olduğu tür için daha iyi görünmesi için bazı boşluklarla uğraşıyoruz. Birincisi, kenar çubuklarındaki modüllerdeki dolgu miktarını azaltıyoruz ve resim reklamlar için tamamen kaldırıyoruz.

Anket seçeneklerimiz bir listede işaretlenmiştir, bu çok mantıklıdır, ancak bu bazı istenmeyen stillerle birlikte gelir. Bu yüzden liste stilini nasıl ve nereye uyguladığımızı tekrarlıyoruz. Anket seçimlerinin iyi görünmesini ve etkileşimde bulunmanın kolay olmasını sağlamak için küçük tipografik şeyleri ince ayarlamaya çok zaman harcıyoruz. Düğmelerle ilgili bazı sorunları da çözüyoruz, özellikle de sözcüklerin arasına girmelerini engelliyoruz ve sınıf adı "düğme" nin hangi öğeye uygulandığına rağmen fareyle üzerine gelme renginin tutarlı olmasını sağlıyoruz.

Modül stilini SCSS dosyasında böleriz, böylece modüle özgü stil oluştururken doğrudan o dosyaya atlayabiliriz. Küresel dosya çok büyüyordu, bu her zaman iyi bir işarettir, biraz bölünmenin kendi akıl sağlığımız için iyi bir fikir olduğu.