Repor e estendendo css

A linguagem CSS é flexível, poderoso 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 idéia é incorporar o estilo de reset primeiro lugar, e, em seguida, para adicionar sua própria folha de estilo CSS. Se o fizer, teoricamente, elimina os padrões do navegador, fazendo com que todos os navegadores tornar da mesma maneira.

A redefinição de CSS mais comumente usado foi liberado para o domínio público por Eric Meyer, e pode ser encontrada em meyerweb.com.

Video: CSS Emergency Broadcast

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. Os 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 objetivo importante, e que os navegadores devem ter alguma flexibilidade quando se trata de exibir conteúdo.

Video: como recortar colar e redimensionar imagens no photoshop cs6

redefine CSS são uma boa ideia quando você realmente quer ter certeza de que um estilo CSS parece o mesmo em vários navegadores, mais uma vez, que 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:

Video: Crystal Reports Tutorial : How to Use Dynamic Cascading Prompt



$ 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 de variáveis, a maioria dos pré-processadores oferecem outras características comuns às linguagens de programação full-blown, como mixins (blocos codinome) 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 em 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 impressionantes) e MENOS (O que parece estar para CSS preprocessor sem um acrônimo).

preprocessors CSS são normalmente encontradas em 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.

Video: Css bar chart report Apex 5

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.


Publicações relacionadas