Qual é a diferença entre css e scss?
conheço o CSS muito bem, mas só tenho uma pergunta: Como é que o scss é diferente do CSS, e se eu usar o scss em vez do CSS irá funcionar da mesma forma?
2 answers
Além de Idriss resposta:
CSS
No CSS escrevemos o código como descrito abaixo, em todo o comprimento.body{
width: 800px;
color: #ffffff;
}
body content{
width:750px;
background:#ffffff;
}
SCSS
Na SCSS podemos encurtar este código usando um @mixin
para que não tenhamos que escrever color
e width
Propriedades uma e outra vez. Nós podemos definir isto através de uma função, similarmente A PHP ou outras linguagens.
$color: #ffffff;
$width: 800px;
@mixin body{
width: $width;
color: $color;
content{
width: $width;
background:$color;
}
}
SASS
No entanto, na SASS, toda a estrutura é visualmente mais rápida e mais limpa do que SCSS.- é sensível ao espaço em branco quando está a usar copy and paste,
-
Parece que não suporta actualmente o CSS inline.
$color: #ffffff $width: 800px $stack: Helvetica, sans-serif body width: $width color: $color font: 100% $stack content width: $width background:$color
O CSS é a linguagem de estilo que qualquer navegador entende ao estilo de páginas web.
ESCS é um tipo especial de arquivo SASS, um programa escrito em Ruby que reúne folhas de estilo CSS para um navegador, e para obter informações SASS adiciona muitas funcionalidades adicionais para o CSS, como variáveis, a nidificação e mais, o que pode tornar a escrita CSS mais fácil e mais rápido. Os arquivos SCSS são processados pelo servidor executando um aplicativo web para produzir um CSS tradicional que o seu navegador pode entender.