Centrar una imagén dentro de un DIV

[pzin]

Iniciado por Zeromm

[...]solo se conseguirá aumentar el tamaño del css de manera innecesaria.

No sólo se conseguiría aumentar el tamaño del CSS, sino claridad en el código para uno mismo y para quien venga.
Respecto al tamaño… Un caracter suele (en este caso lo es) ser un byte de información, entonces necesitas tener 1024 caracteres para alcanzar un solo kilobyte, luego una burrada de selectores para que tenga algún alcance importante y más aún para que ralentice.

128 bytes:

Código CSS:

#global {
  position: relative;
  margin: 20px;
  height: 20%;
  width: 100px;
  color: blue;
  white-space: nowrap;
}
 

131 bytes:

Código CSS:

div#global {
  position: relative;
  margin: 20px;
  height: 20%;
  width: 100px;
  color: blue;
  white-space: nowrap;
}
 

Minificando un archivo ganas mucho más que dejando una etiqueta fuera.

94bytes:

Código CSS:

div#global{position:relative;margin:20px;height:20%;width:100px;color:blue;white-space:nowrap;}
 

En Windows la diferencia entre minificar o no debería de ser incluso más.