Normalize.css es una alternativa al reinicio CSS. Proporciona un alto grado de consistencia entre navegadores respecto al estilo de elemento HTML por defecto. Normalize.css es una alternativa moderna y premium para HTML5 (http://necolas.github.io/normalize.css/）
Tanto normalize.css como reset.css son hojas de estilo para restablecer pestañas del navegador
El propósito de crear normalize.css es el siguiente:
Protege los estilos predeterminados útiles del navegador en lugar de eliminarlos por completo
Estilos generalizados: Proporcionados para la mayoría de los elementos HTML
Corregir los propios errores del navegador y asegurar la coherencia entre navegadores
Optimiza la usabilidad del CSS: Usa algunos consejos
Explica el código: utiliza comentarios y documentación detallada
Normalize.css soporta una amplia variedad de navegadores, incluidos navegadores móviles, y generaliza elementos HTML5, tipografía, listas, contenido incrustado, formularios y tablas. Aunque este proyecto se basa en la generalización, hemos utilizado valores por defecto más prácticos cuando ha sido apropiado.
Normalizar vs Reiniciar
1. Normalize.css Impagos valiosos protegidos
El reinicio obliga a los elementos a tener el mismo efecto visual imponiendo un estilo por defecto en casi todos los elementos. En cambio, Normalize.css mantiene muchos de los estilos predeterminados del navegador. Esto significa que ya no tienes que rediseñar todos los elementos tipográficos comunes. Cuando un elemento tiene valores predeterminados diferentes en distintos navegadores, Normalize.css procurar mantener estos estilos consistentes y lo más consistentes posible con los estándares modernos.
2. Normalize.css Corregido un error en el navegador
Corrige errores comunes en navegadores de escritorio y móviles. Esto suele superar lo que Reset puede hacer. En este sentido, los problemas Normalize.css solucionados incluyen la configuración de visualización de los elementos HTML5, problemas de tamaño de fuente con texto preformateado, desbordamiento SVG en IE9 y muchos errores relacionados con formularios que aparecen en varios navegadores y sistemas operativos.
3. Normalize.css No hará que tus herramientas de depuración se saturen
Uno de los aspectos más molestos de usar Reset es la gran cadena de herencia en la herramienta de depuración del navegador, como se muestra en la imagen de abajo. No habrá tal problema en Normalize.css, porque somos muy cuidadosos con el uso de multi-selectores en nuestras directrices, y solo estilizaremos el elemento objetivo de forma intencionada.
4. Normalize.css es modular
El proyecto se ha dividido en partes relacionadas pero separadas, lo que facilita y aclara qué elementos están asignados a valores específicos. Esto te permite eliminar selectivamente partes que nunca usarás (como la generalización de formas).
5. Normalize.css Tiene documentación detallada
Normalize.css código se basa en una investigación y pruebas detalladas y exhaustivas entre navegadores. Este archivo tiene descripciones detalladas del código e instrucciones adicionales en la Wiki de Github. Esto significa que puedes averiguar exactamente qué hace cada línea de código, por qué la escribiste, las diferencias entre navegadores, y puedes probar la tuya más fácilmente.
Cómo usar normalize.css
Primero, instala o descarga Normalize.css desde Github, y luego hay dos formas principales de usarla.
Estrategia 1: Usa normalize.css como CSS base para tus propios proyectos, personalizando los valores de estilo para adaptarlos a las necesidades del diseñador.
Estrategia 2: Importar normalize.css código fuente y construir sobre él, anulando los valores predeterminados con tu propio CSS cuando sea necesario.
Descarga de archivo CSS:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Publicado en 27/7/2018 14:49:36
|
|
|
|
