Réinitialisation et étendant css

Le langage CSS est flexible, puissante et cohérente. Cependant, il est pas parfait. Deux idées flottent dans la communauté du développement CSS / Web que vous pourriez trouver intéressant.

Le premier concept est appelé le Styles de réinitialisation CSS. Ceci est un document spécial CSS qui définit explicitement les spécifications de mise en page pour chaque élément, remplaçant par défaut du navigateur. L'idée est d'intégrer le style de réinitialisation d'abord, puis d'ajouter votre propre feuille de style CSS. Cela élimine théoriquement par défaut du navigateur, ce qui rend tous les navigateurs rendent la même façon.

La réinitialisation de CSS le plus couramment utilisé a été publié dans le domaine public par Eric Meyer, et peut être trouvé à meyerweb.com.

Un certain nombre d'autres outils de réinitialisation CSS sont disponibles en ligne, et sont souvent inclus dans les frameworks web. Réinitialise CSS étaient très populaires pendant un certain temps, mais ils ne sont pas utilisés universellement. Il y a deux raisons principales pour cela. Les navigateurs modernes font généralement un travail beaucoup mieux de l'affichage du contenu régulièrement qu'auparavant.

Aussi, il ya maintenant un plus grand consensus parmi les développeurs que la duplication de pixel-parfait est pas vraiment un objectif important, et que les navigateurs devraient avoir une certaine flexibilité quand il vient à l'affichage du contenu.

Réinitialise CSS sont une bonne idée lorsque vous voulez vraiment être certain qu'un style CSS a la même apparence sur plusieurs navigateurs, encore une fois, qui peuvent ne pas être un objectif important pour vous.

L'autre tendance que vous voyez parfois dans des CSS est Préprocesseurs CSS. Ce sont des interprètes spéciaux qui vous permettent d'ajouter des fonctionnalités non présentes dans les CSS. Par exemple, vous pouvez définir une variable appelée bgColor et l'utiliser tout au long de votre style de CSS. Ensuite, vous pouvez changer toute référence à la couleur de fond d'une fois. Par example:

$ bgColor: bleu-body {background-color: $ bgColor-} h1 {background-color: blanc-couleur: $ bgColor-}

Ceci est très utile lorsque vous utilisez la même couleur dans de nombreux endroits, surtout si vous pouvez avoir besoin de changer la couleur de nombreuses fois.

En plus des variables, la plupart des pré-processeurs offrent d'autres caractéristiques communes aux langues à part entière programmation, comme mixins (blocs de nom de code) et les fonctions (une série d'instructions de code avec un nom et entrée et fonctions de sortie).

Le préprocesseur est un peu le langage de programmation qui convertit le code spécial en CSS. Le convertisseur est souvent écrit dans un langage tel que javascript ou PHP. Typiquement le développeur soit compile les instructions dans CSS plaine ou invoque le code côté client pour convertir automatiquement le code CSS brut avant que le navigateur tente de rendre la page.

Les préprocesseurs plus populaires sont SASS (syntaxiquement StyleSheets génial) et moins (ce qui semble reposer CSS pretraitement sans un acronyme).

Préprocesseurs CSS se trouvent normalement dans les frameworks web plus grandes et des systèmes de gestion de contenu. Ils peuvent être utilisés sans ces outils, mais ils peuvent être plus de mal que ce qu'ils valent, sauf pour les grands projets.

Préprocesseurs CSS sont une bonne idée, et ils deviennent très populaires parmi les développeurs professionnels, surtout pour les grandes applications. Cependant, ils pourraient ne pas être en vaut la chandelle pour un débutant.