Podcast
Questions and Answers
Koji su najčešće korišćeni CSS pretprocesori?
Koji su najčešće korišćeni CSS pretprocesori?
Sass je potpuno kompatibilan sa svim verzijama CSS-a.
Sass je potpuno kompatibilan sa svim verzijama CSS-a.
True
Koji simbol Sass koristi uz naziv promenljive?
Koji simbol Sass koristi uz naziv promenljive?
$
Koje su prednosti korišćenja CSS pretprocesora u odnosu na standardni CSS jezik? Postoje brojne prednosti kao što je čistiji kod sa komandama i varijablama za višekratnu upotrebu, štedi ___.
Koje su prednosti korišćenja CSS pretprocesora u odnosu na standardni CSS jezik? Postoje brojne prednosti kao što je čistiji kod sa komandama i varijablama za višekratnu upotrebu, štedi ___.
Signup and view all the answers
Koja vrsta vrednosti može biti čuvana u promenljivoj u Sass-u?
Koja vrsta vrednosti može biti čuvana u promenljivoj u Sass-u?
Signup and view all the answers
Kako se definiše globalna promenljiva u Sass-u?
Kako se definiše globalna promenljiva u Sass-u?
Signup and view all the answers
Koja vrsta komentara je podržana u Sass-u?
Koja vrsta komentara je podržana u Sass-u?
Signup and view all the answers
Povežite osnovne funkcije skriptovanja u Sass-u sa njihovim mogućnostima:
Povežite osnovne funkcije skriptovanja u Sass-u sa njihovim mogućnostima:
Signup and view all the answers
Study Notes
CSS pretprocesori
- Šta je CSS Pretprocesor?
- Pisanje CSS-a može postati prilično ponavljajuće
- CSS pretprocesor je u osnovi skriptni jezik koji proširuje CSS i zatim ga kompajlira u uobičajeni CSS
- Najčešće korišćeni preprocesori su SASS, LESS, Stylus
Prednosti CSS pretprocesora
- Postoje brojne prednosti za korišćenje pretprocesora u odnosu na standradni CSS jezik
- Jedna od osnovnih je mogućnost da se ne ponavlja kod, drugim rečima, omogućava važenje koncepta bez ponavljanja koda
- Čistiji kod sa komandama i varijablama za višekratnu upotrebu
- Štedi vreme
- Lakše za održavanje koda primenom koncepta snippets i biblioteka
- Proračuni i logika
- Organizovanije i lakše za podešavanje
SASS
- SASS nije samo najpopularniji CSS pretprocesor na svetu, već je i jedan od najstarijih
- Hampton Catlin ga publikovao 2006. godine
- Napisan je na Ruby jeziku
- SASS ukida ponavljanje CSS koda
- SASS besplatan za preuzimanje i upotrebu
Kako SASS radi?
- Veb čitač ne razume SASS kod, za razliku od CSS koda
- Zbog toga je neophodno koristiti dodatni program tj. prevodilac, koji prevodi SASS dokument u standardni CSS dokument
- Ovaj program se izvršava pre nego web čitač pristupi sajtu, pa se naziva pretprocesor za prevođenje SASS koda
- Ovaj proces prevođenja naziva se i transpilacija
Sintakse SASS-a
- SASS ima dve sintakse
- Sintaksa koja se najčešće koristi je poznata kao "SCSS"
- SCSS datoteke koriste ekstenziju
.scss
- Druga sintaksa, starija sintaksa, poznata je kao "uvučena" sintaksa (ili samo ".sass")
- Inspirirana je Haml-ovim principom jednostavnosti, namenjena je onima koji više vole sažetost zbog sličnosti sa CSS-om
Promenljive
- Promenljive čuvaju određeni podatak tj. informaciju koja se, po pravilu, koristi više puta
- Sass koristi simbol
$
uz naziv promenljive
Opseg važenja promenljivih
- Sass promenljive su važeće u nivou gde su definisane
- Preklapanje se može ostvariti promenljivom istog imena na sledećem nivou
- Podrazumevano preklapanje se može promeniti primenom
!global
komande
Skriptovanje
- Sass omogućava osnovne funkcije skriptovanja
- Aritmetičke operacije
- Kontrolu toka
- Neki korisni funkcije
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.
Related Documents
Description
Kurs o interakciji čovek-računar koji obuhvata predavanja, vežbe, projekte i testove.