Qual é a diferença entre css e sass?

O SASS é para CSS, como a massa de biscoito é para um biscoito de chocolate. Ambos são CSS por si só, mas o SASS em um formato bruto que precisa ser compilado (cozido) no CSS legível do navegador final.

1. SASS Massa de biscoito

2. Grunhido ou kit de códigos | Forno

3. CSS | Bolacha com pepitas de chocolate

Para projetos pequenos, o SASS pode ser um exagero, mas para projetos grandes, o SASS economizará muito tempo na construção inicial e com manutenção futura. Ele permite que você use variáveis ​​para ajustar rapidamente cores, tamanhos de fonte, preenchimento, etc., que são processados ​​ou preenchidos por todo o CSS que usa a variável. Chega de encontrar e substituir.

Obrigado pela A2A.

O SASS é para CSS, como a massa de biscoito é para um biscoito de chocolate. Ambos são CSS por si só, mas o SASS em um formato bruto que precisa ser compilado (cozido) no CSS legível do navegador final.

1. SASS Massa de biscoito

2. Grunhido ou kit de códigos | Forno

3. CSS | Bolacha com pepitas de chocolate

Para projetos pequenos, o SASS pode ser um exagero, mas para projetos grandes, o SASS economizará muito tempo na construção inicial e com manutenção futura. Ele permite que você use variáveis ​​para ajustar rapidamente cores, tamanhos de fonte, preenchimento, etc., que são processados ​​ou preenchidos por todo o CSS que usa a variável. Chega de encontrar e substituir.

Obrigado pela A2A.

O SASS é para CSS, como a massa de biscoito é para um biscoito de chocolate. Ambos são CSS por si só, mas o SASS em um formato bruto que precisa ser compilado (cozido) no CSS legível do navegador final.

1. SASS Massa de biscoito

2. Grunhido ou kit de códigos | Forno

3. CSS | Bolacha com pepitas de chocolate

Para projetos pequenos, o SASS pode ser um exagero, mas para projetos grandes, o SASS economizará muito tempo na construção inicial e com manutenção futura. Ele permite que você use variáveis ​​para ajustar rapidamente cores, tamanhos de fonte, preenchimento, etc., que são processados ​​ou preenchidos por todo o CSS que usa a variável. Chega de encontrar e substituir.

Obrigado pela A2A.

O Sass é um pré-processador para CSS, o que a torna essencialmente a mesma coisa que CSS. Sendo um pré-processador, você codifica no Sass e, posteriormente, o código é compilado no CSS. Ele funciona como uma (incrível) ativação do CSS, permitindo recursos que ainda existem no CSS. O principal objetivo de Sass é melhorar a capacidade de manutenção, à medida que suas folhas de estilo se tornam maiores e mais complexas. Alguns recursos úteis fornecidos pelo Sass são:

  1. Variáveis, você pode armazenar valores reutilizáveis ​​com variáveis, o que pode ser útil para armazenar valores como código hexadecimal de cores ou uma pilha de fontes. Parciais, você pode escrever sua folha de estilo de forma modular usando instruções parciais e de importação, melhorando a capacidade de manutenção e legibilidade do código. Por exemplo, às vezes precisamos escrever uma declaração para cada mecanismo de renderização, como raio da borda que deve ser acompanhado por -webkit-border-radius, -moz-border-radius e assim por diante. Você pode agrupar todas essas instruções de raio da borda em um mixin e apenas usá-lo sempre que precisar definir o raio da borda do seu elemento. Extensão e herança, que permitem compartilhar um conjunto de propriedades CSS em suas folhas de estilo. Operadores matemáticos, como +, -, *, / e%, para ajudá-lo a determinar vários números em suas folhas de estilo.