Sass (Syntactically Awesome Style Sheets) Definizione significato

Cos’è il Sass (Syntactically Awesome Style Sheets)?

Sta per “Syntactically Awesome Style Sheets”. Sass è un’estensione dei fogli di stile a cascata (CSS), il linguaggio usato per definire il layout e la formattazione dei documenti HTML. Utilizza CSS sintassi completamente compatibili, ma fornisce caratteristiche aggiuntive come le variabili CSS e le regole annidate che rendono i CSS più efficienti e facili da modificare.

Uno degli svantaggi dei CSS standard è che non supportano variabili. Per esempio, se hai più stili che hanno lo stesso colore, devi definire il colore separatamente per ogni stile. Se decidi di cambiare il colore, devi cambiarlo per ogni istanza nel documento CSS. Con Sass, potete definire il colore come una variabile e assegnare la variabile ad ogni stile che lo usa. Se decidete di cambiare il colore, dovete cambiarlo solo una volta – dove è inizialmente definito nel documento.

L’esempio seguente mostra come definire e usare una variabile CSS in Sass.

$myColor: #00695C;

.pageTop { background-color: $myColor; }
.infoText { color: $myColor; }
.pageBottom { background-color: $myColor; }

Sass supporta anche regole annidate, permettendo agli sviluppatori di scrivere codice più efficiente. Nell’esempio qui sotto, la classe .button è annidata all’interno dello stile #top p.

#top p
{
color: #004D40;

.button
{
colore di sfondo: #039BE5;
color: #FFF;
}
}

Quando compilato, il codice di cui sopra produrrà il seguente CSS:

#top p { color: #004D40; }
#top p .button { background-color: #039BE5; color: #FFF; }

Mentre Sass fornisce diversi benefici agli sviluppatori web, i documenti Sass non sono riconosciuti dai web browser. Pertanto, un file Sass deve essere compilato in CSS prima di essere usato in un documento HTML. Questo può essere fatto localmente prima di caricare il CSS sul server web usando programmi come Compass.app o Koala. Può anche essere compilato sul server usando uno script PHP o Ruby che compila Sass in CSS.

La descrizione di Sass (Syntactically Awesome Style Sheets) in questa pagina è la definizione originale di SharTec.eu. Se volete linkare questa pagina, non dimenticate di citare la fonte dell’articolo.

SharTec.eu mira a spiegare la terminologia informatica in un modo che sia facile da capire. Ci sforziamo di essere semplici e precisi in ogni definizione che pubblichiamo. Se hai commenti sulla descrizione di Sass (fogli di stile sintatticamente impressionanti) o vuoi suggerire un nuovo termine tecnico, contattaci.