Técnica de reemplazo de elementos en CSS

En MINID, he leído un artículo que copio solo su introducción, pero es recomendable efectuar su lectura totalmente:

En general, cuando entramos a una página que se jacta de ser «estándar» podemos ver como, con una no tan simple, pero efectiva técnica, montan todo un sitio colorido, lleno de detalles de diseño, usando imágenes por doquier. De hecho, creo que a muchos les habrá parecido lógico pensar que él HTML de esa página estaba llena de elementos img, pero no. Entras al código HTML y te das cuenta que sólo hay puros divs, p, h1, etc. Esto genera una duda, ¿cómo lo harán? Miras el CSS y empiezas a entenderlo todo: reemplazan elementos.

Cada elemento en HTML tiene un output (salida) tanto visual como sonora. Además, tiene una salida semántica, la que sólo entienden determinados dispositivos o programas automatizados, pero de esto ahora no quiero charlar… Decía, cada elemento por naturaleza, tiene un aspecto: ocupa una línea entera, sólo la porción necesaria de esta, tiene propiedades de posición o, simplemente, es un elemento con pocas posibilidades de modificación. Para el que no me esté siguiendo en la conversación, cuando me refiero a «elemento», no quiero referirme al carbono o el hidrógeno, sino a las etiquetas que utilizamos en HTML. Un elemento es p, que es un elemento de texto que genera párrafos. Tiene unas propiedades por defecto pero se le puede agregar más. Desde el momento que cambiemos una característica base, dejará de ser el elemento que conocíamos y pasará a ser otro, poco o muy distinto.

CSS y HTML va de esto: clasificación de los elementos y jerarquizar contenidos en base a elementos. Algo que todo desarrollador debe entender y dominar para controlar todos los aspectos semánticos, visuales y sonoros de una página web.

Ver la totalidad del artículo.