# 071: jalus, CSSing, 1. osa - CSS-trikid

Anonim

Kui jaluse HTML-struktuur on paigas, on meil olemas see, mida me peame kujundama ja selle jaluse välja nägema, nagu me Photoshopis kujundasime.

Loome uue SCSS-faili lihtsalt jaluseks, sest see on lihtsalt mõttekas modulariseeritud hoida ja seda oleme teinud ka kõige muu jaoks. @Importime selle põhiosa põhilehele.

Tumendame jalust, kasutades ainult väikest RGBa tausta. Sass aitab meil natuke, sest seda saab teha Sass, mis on super lahe: rgba(black, 0.5); Riiulisarnase efekti loomiseks kasutame sisestatud kasti varju.

Lükame sisu servadest eemale vasakpoolse ja parema polstriga. Kohe peame kohandama selle polsterduse kogust praeguse murdepunkti põhjal.

Alumine jalus kujundame umbes samamoodi. See on lihtsalt natuke tumedam, et see näeks välja mõni teine ​​tase madalam.