A diferença do CSS e SASS ainda é uma dúvida de muitos desenvolvedores Front- End que estão entrando na área ou aprendendo essas maravilhas web.

Vou mostrar em detalhes o que é CSS, o que é SASS e as principais diferenças em variáveis, compatibilidade, hierarquia e modularidade. Ficou interessado? Confira a seguir! ( Não vai ficar tudo em texto por isso irei colocar vídeos do curso gratuito que montei )

O que é Css

O CSS é uma linguagem de web muito importante para o desenvolvimento de sites e aplicações que utilizam html.

Ele faz parte da tríade da web ao lado do JavaScript e do HTML.

O HTML, por sua vez, também é muito popular na edição e configuração de páginas para internet e construção de site e aplicações web.

Neste artigo vou falar sobre Css para ajudar você a obter um entendimento melhor.

O CSS significa Cascading Style Sheets e refere-se a um conjunto de estilos que podem ser inseridos e configurados na edição de uma página de web.

Refere-se a uma linguagem usada para dar estilos reutilizáveis ​​para a apresentação do Html.

Resumindo o Css faz magia e da vida ao o nosso queridinho html.

O que é SASS?

Segundo sua própria página, a sigla SASS significa “Syntactically Awesome Style Sheets” – ou seja, Folhas de Estilo com Sintaxe Espetacular.

A ideia é manter a mesma lógica do CSS (seletores, regras etc), mas de uma maneira mais organizada, intuitiva e com trechos de código facilmente reutilizáveis.

Com o SASS, é muito mais fácil desenvolver um projeto grande e não se perder no meio de tanto código.

Parar ir mais a fundo com as diferençar aconselho ver essa série de vídeos onde ensino CSS e SASS:

Compatibilidade com navegadores

Usar o SASS pode facilitar bastante sua vida, mas a verdade é que os navegadores entendem somente uma linguagem: o CSS.

SASS e similares (como SCSS e LESS) são linguagens “pré-processadas” – ou seja, depois de escrever o código com elas, você precisa utilizar outro programa para interpretá-lo e “traduzi-lo” para CSS.

Então, será gerado um arquivo final com a extensão .css, que é o arquivo que você irá adicionar a sua página HTML.

Existem várias outras opções de pré-processadores na web, e você pode escolher quais usar. Alternativas não faltam.

Minha dica é que você visite o site oficial do SASS e descubra tudo o que essa linguagem tem a oferecer.

Conclusão

Portanto, neste artigo aprofundamos sobre os principais conceitos, aplicações e ferramentas relacionadas ao Sass.

O sass é uma ferramenta poderosíssima que vai nos ajudar a deixar o css mais parrudo e organizado.

O melhor jeito de dominar essa linguagem é codando páginas web. Não deixe de ver sua página oficial.

Me diz uma coisa, você quer aprender mais sobre Front end? Baixe nosso Material Gratuito ou aprenda mais sobre html no youtube.

Deixe suas perguntas ai nos comentários que irei responder, e até a próxima forte abraço!