Restablecimiento y extendiendo css

El lenguaje CSS es flexible, potente y consistente. Sin embargo, no es perfecto. Dos ideas están flotando alrededor en la comunidad de desarrollo CSS / web que le puede resultar interesante.

El primer concepto se denomina Estilos de restablecimiento CSS. Se trata de un documento especial CSS que establece explícitamente especificaciones de diseño para cada elemento, anulando por defecto del navegador. La idea es incorporar el estilo de reinicio, y luego añadir su hoja de estilos CSS. Si lo hace, teóricamente elimina los valores por defecto del navegador, por lo que todos los navegadores hacen de la misma manera.

El restablecimiento CSS más utilizada fue liberado al dominio público por Eric Meyer, y se puede encontrar en meyerweb.com.

Un número de otras herramientas de restablecimiento CSS están disponibles en línea, y con frecuencia se incluyen en los marcos web. Restablece CSS fueron muy populares durante un tiempo, pero no se utilizan universalmente. Existen dos motivos principales para esto. Los navegadores modernos son generalmente haciendo un trabajo mucho mejor de mostrar el contenido consistente de lo que solían.

Además, ahora hay un mayor consenso entre los desarrolladores que la duplicación de píxeles perfecto no es realmente un objetivo importante, y que los navegadores deben tener cierta flexibilidad a la hora de mostrar el contenido.

Restablece CSS son una buena idea cuando usted realmente quiere estar seguro de que un estilo CSS se ve igual a través de múltiples navegadores, una vez más, que no puede ser un objetivo importante para usted.

La otra tendencia que se ve a veces en CSS es Preprocesadores CSS. Estos son los intérpretes especiales que le permiten añadir características no presentes en CSS. Por ejemplo, se podría definir una variable llamada bgColor y utilizarlo en toda su estilo CSS. A continuación, puede cambiar todas las referencias al color de fondo de una vez. Por ejemplo:

$ bgColor: azul-body {background-color: $ bgColor-} h1 {background-color: blanco-color: $ bgColor-}

Esto es muy útil cuando se está usando el mismo color en muchos lugares, especialmente si es posible que necesite cambiar el color muchas veces.

Además de las variables, la mayoría de pre-procesadores ofrecen otras características comunes de los lenguajes de programación en toda regla, como mixins (bloques de código con nombre) y funciones (una serie de instrucciones de código con un nombre y características de entrada y salida).

El preprocesador es un lenguaje de programación poco que convierte el código especial en CSS. El convertidor de frecuencia se escribe en un lenguaje como javascript o PHP. Normalmente, el desarrollador sea compila las instrucciones en CSS simple o invoca código de cliente para convertir automáticamente el código para CSS normal antes de que el navegador intenta representar la página.

Los preprocesadores más populares son SASS (sintácticamente hojas de estilo impresionante) y menos (que parece reposar durante CSS preprocesador sin un acrónimo).

Preprocesadores CSS se encuentran normalmente en los marcos web más grandes y sistemas de gestión de contenidos. Pueden ser utilizados sin estas herramientas, pero pueden ser más problemas de lo que valen a excepción de los proyectos más grandes.

Preprocesadores CSS son una buena idea, y se están convirtiendo en muy popular entre los desarrolladores profesionales, especialmente para aplicaciones de gran tamaño. Sin embargo, puede ser que no valga la pena el esfuerzo para un principiante.