Repor e Estendendo CSS
A linguagem CSS é flexível, poderosa e consistente. No entanto, ele não é perfeito. Duas idéias estão flutuando na comunidade de desenvolvimento CSS / web que você pode achar interessante.
O primeiro conceito é chamado de estilos de redefinição de CSS. Este é um documento CSS especial que define explicitamente as especificações de layout para cada elemento, substituindo padrões do navegador. A ideia é incorporar o estilo de reset primeiro lugar, e, em seguida, para adicionar sua própria folha de estilos CSS. Se o fizer, teoricamente, elimina os padrões do navegador, fazendo com que todos os navegadores render o mesmo caminho.
A redefinição de CSS mais utilizada foi lançada em domínio público por Eric Meyer, e pode ser encontrada em meyerweb.com.
Uma série de outras ferramentas de redefinição de CSS estão disponíveis online, e muitas vezes são incluídos nos frameworks web. redefine CSS eram muito populares por um tempo, mas eles não são usadas universalmente. Há duas razões principais para isso. Navegadores modernos são geralmente fazendo um trabalho muito melhor de exibir o conteúdo de forma consistente do que costumavam.
Além disso, há agora um maior consenso entre os desenvolvedores que a duplicação de pixel-perfeito não é realmente um objectivo importante, e que os navegadores devem ter alguma flexibilidade quando se trata de exibir conteúdo.
redefine CSS são uma boa idéia quando você realmente quer ter certeza de que um estilo CSS parece o mesmo em vários navegadores, mais uma vez, isso pode não ser uma meta importante para você.
A outra tendência às vezes você vê na CSS é preprocessors CSS. Estes são os intérpretes especiais que lhe permitem adicionar recursos não presentes no CSS. Por exemplo, você pode definir uma variável chamada bgColor e usá-lo em todo o seu estilo CSS. Então você pode mudar a cada referência à cor de fundo uma vez. Por exemplo:
$ BgColor: blue-body {background-color: $ bgColor-} h1 {background-color: white-color: $ bgColor-}Isto é muito útil quando você está usando a mesma cor em muitos lugares, especialmente se você pode precisar de mudar a cor muitas vezes.
Além das variáveis, a maioria dos pré-processadores oferecem outras características comuns às linguagens de programação full-blown, como mixins (blocos de código nomeados) e funções (uma série de instruções de código com um nome e entrada e características de saída).
O pré-processador é um pouco linguagem de programação que converte o código especial em CSS. O conversor é muitas vezes escrito em uma linguagem como javascript ou PHP. Normalmente, o desenvolvedor quer compila as instruções para CSS simples ou invoca o código do lado do cliente para converter automaticamente o código para CSS comum antes de o navegador tenta processar a página.
Os pré-processadores mais populares são SASS (sintaticamente StyleSheets impressionante) e MENOS (O que parece estar para CSS preprocessor sem uma sigla).
preprocessors CSS são normalmente encontrados nos frameworks web maiores e sistemas de gerenciamento de conteúdo. Eles podem ser usados sem essas ferramentas, mas eles podem ser mais problemas do que eles valem a pena, exceto para projetos maiores.
preprocessors CSS são uma boa idéia, e eles estão se tornando muito popular entre os desenvolvedores profissionais, especialmente para grandes aplicações. No entanto, eles podem não valer a pena o esforço para um iniciante.