9 Técnicas para sustituir texto por imágenes con CSS

2

La sustitución de imágenes con CSS es una forma de sustituir textos de nuestro sitio por imágenes. Un ejemplo de esta técnica seria poder reemplazar el <h1> de nuestro sitio por nuestro logo sin perder los beneficios en cuestiones SEO.

Un ejemplo de esto sería

 
<h1 id="logo">  
<span> Intenta </span>  
</h1>

Y el CSS

 
h1#logo {
width: 250px;
height: 25px;
background-image: url(logo.gif);
}
 
h1#logo span {
display: none;
}

En CSS Tricks publican 9 tecnicas para sustituir texto por im√°genes con CSS

Quizas te interese   Tutoriales sobre tipograf√≠a
Artículo anteriorHipHop: Optimizar PHP y reducir el consumo del CPU como lo hace Facebook
Artículo siguienteSimpleFolio: Theme gratis para Portfolio en Worprees

2 COMENTARIOS

  1. Est√° bien el ejemplo, pero faltar√≠a el span en el HTML sino se mostrar√≠a el texto (adem√°s de la imagen de fondo)… ūüėČ

Dejar una respuesta

Please enter your comment!
Please enter your name here