CSS Normalizar CSS（Tantek Celik）+ equiparar EMs y PXs

Posted 2021-05-23

/*
******************************************************************************
******************************************************************************
* Normalizar estilos XHTML de diferentes navegadores
******************************************************************************
******************************************************************************
*/

/* Trabajar con ems para especificar tamaños de fuente es la forma
   más accesible de trabajar con textos porque todos los navegadores
   incluido IE pueden escalar la tipografía sin problemas.
   El problema suele ser que los diseñadores se encuentran más cómodos
   trabajando con unidades px.
   Una em representa el tamaño de la letra "m" en una fuente concreta.
   Utilizando la hoja de estilos por defecto de los navegadores, 1em son más
   o menos 16px. Si establecemos el tamaño del texto por defecto al 62.5% del
   original, tendremos que 1em = 10px y así:
   
       0.9em = 9px;
       1.2em = 12px;
       2.3em = 23px;
       ...
*/
body { font-size: 62.5% }

/* Quitamos el subrayado de los links */
:link,:visited { text-decoration:none }

/* Eliminamos las viñetas de las listas */
ul,ol { list-style:none }

/* Evitar el tamaño inconsistente de los diferentes encabezados
   y también etiquetas <pre> y <code> */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Evitar la asignación inconsistente de márgenes y rellenos a
   diferentes elementos HTML  */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* Evitar el borde azul en imágenes que son links */
a img,:link img,:visited img { border:none }

/* Quitar la cursiva del elemento <address> */
address { font-style:normal }