# 047: Kyselymoduulin rakentaminen, osa 1 CSS-temppuja

Anonim

CSS-temppujen kyselyillä on pitkät perinteet. Ne ovat hauskoja, keräävät hyvää tärkeää tietoa ja lisäävät ihmisten yhteyttä sivustoon. Sitoutuminen FTW!

Nappaa merkinnät live v9 -sivustolta, jotta voimme käsitellä joitain juttuja. Pudotamme joitain välimatkoja, jotta moduuli näyttäisi paremmalta kuin ne ovat. Ensinnäkin, pienennämme sivupalkkien moduulien täytteen määrää ja poistamme sen kokonaan kuvamainoksille.

Äänestysvalintamme on merkitty luetteloon, mikä on järkevää, mutta se liittyy jonkin verran ei-toivottuihin muotoiluihin. Joten hylkäämme, miten ja missä käytämme luettelon muotoilua. Vietämme paljon aikaa pienten typografisten asioiden säätämiseen, jotta kyselyvalinnat näyttävät hyviltä ja niiden kanssa on helppo olla vuorovaikutuksessa. Korjaamme joitain ongelmia myös painikkeilla, estäen erityisesti niitä rikkoutumasta sanojen väliin ja leijuvan värin olevan yhdenmukainen huolimatta siitä, mihin elementtiin luokan nimeä "painike" käytetään.

Katkaistaan ​​moduulin muotoilu SCSS-tiedostoon, jotta moduulikohtaista tyyliä tehdessä voimme siirtyä suoraan kyseiseen tiedostoon. Globaalit tiedostot olivat vasta liian suuria, mikä on aina hyvä merkki, joskin jakaminen on hyvä idea omalle järjellemme.