Importarea fișierelor, interfața web

Separarea document mare în dezvoltarea simplifică mici multiplă deoarece codul este mai simplu și mai clar, mai ușor de depanare. Pentru a descărca un fișier dintr-o altă comandă în Sass @import este aplicată, și în ciuda similitudinii scrisului, este diferit în efectul său de la un stil de reguli @import. În CSS, importul afectează timpul de încărcare a paginii în general, deoarece fiecare fișier necesită o cerere de rețea separată. Cu cat sunt mai multe astfel de fisiere, cu atat mai rau pentru performanta site-ului.







În Sass, nu există nici o problemă cu performanța sau timpul de încărcare a paginilor, deoarece multe fișiere mici se încheie prin a fi combinate într-un singur fișier de stil. Astfel, se salvează comoditatea editării fișierelor și conectarea bibliotecilor terțe cu viteze mari de încărcare a stilurilor.







În mod tradițional, fișierele conectate încep cu caracterul de subliniere, așa că înțelegem imediat rolul lor auxiliar. În acest caz, sublinierea în sine, precum și extensia fișierului din comanda @import, nu sunt scrise.

De exemplu, creați un fișier _reset.scss și în acesta vom scrie următorul cod.

Acum, pentru a adăuga acest cod în fișierul nostru de stil principal scrie doar.

În fișierul final CSS, în loc de @import, conținutul _reset.scss va fi adăugat.

La importul de fișiere au fost construite biblioteci de impurități de tip Bourbon. Este suficient să importați o bibliotecă și puteți adăuga un număr mare de bucăți gata făcute în codul dvs. Aici, de exemplu, cum se face un gradient liniar.

În CSS, vom obține gradientul finit cu prefixele prestabilite deja furnizate.







Articole similare

Trimiteți-le prietenilor: