Restablecimiento y que se extiende css

Video: CURSO PHP AVANZADO - Recuperar contraseña perdida 1/2 - Parte 8

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

Video: Cómo restablecer las opciones iniciales de WordPress

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

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

Un número de otras herramientas de restablecimiento de CSS están disponibles en línea, y con frecuencia están incluidos 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 generalmente están haciendo un trabajo mucho mejor de la visualización del contenido consistente de lo que solían.

Además, ahora hay un mayor consenso entre los desarrolladores que la duplicación de píxel 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 tiene el mismo aspecto a través de múltiples navegadores, una vez más, que no puede ser un objetivo importante para usted.

La otra tendencia a veces se ve en la CSS es preprocesadores CSS. Estos son los intérpretes especiales que le permiten añadir características que no están presentes en el CSS. Por ejemplo, se podría definir una variable llamada bgColor y utilizarlo en toda su estilo CSS. Posteriormente, se podría cambiar toda referencia 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á utilizando el mismo color en muchos lugares, especialmente si es posible que tenga que cambiar el color muchas veces.

Además de las variables, la mayoría de los pre-procesadores ofrecen otras características comunes a 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 poco de lenguaje de programación que convierte el código especial en CSS. El convertidor de frecuencia está escrito en un lenguaje como javascript o PHP. Normalmente, el desarrollador ya 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.

Video: CSS: maquetación de una página - diseño líquido o fluido (6)

Los más populares son los preprocesadores HABLAR CON DESCARO A (sintácticamente hojas de estilo impresionante) y MENOS (Que parece reposar durante p CSSreprocesador 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 vale la pena, excepto para proyectos más grandes.

Video: Building Dynamic Web Apps with Laravel by Eric Ouyang

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.

Artículos Relacionados