Css before o after

El css desde siempre ha sido un excelente compañero para el diseño web, sin embargo, la realización de los proyectos con sus primeras versiones resultaban extensos, lo que no ocurre desde sus constantes actualizaciones, una de sus propiedades interesantes es el Css before o after.

Css before o after

Bien sea que ocupes el css before o el css after, generan un cambio similar pero que se determina por su momento de acción, pues en el caso de css before puede ser usado para añadir cambios particulares a tus elementos html antes de que estos sean presentados o leídos por la web, o en cuyo caso que estén precedidos por otra acción, claramente el after es el oponente de esta propiedad, y suele ser excelente para añadir cambios a propiedades especificas o generales dentro del css.

Ejemplo del uso del css before

Si lo que queremos es que nuestro título h1 presente un mensaje antes de su presencia en la web, crearíamos la siguiente sentencia:

h1:before

{ content: “Capítulo – “; }

En este caso posterior al título h1 se mostrara el elemento de contenido, compuesto por el texto “capitulo”.

La aparición de esta propiedad puede llegar a reducir la incorporación de líneas adicionales de sentencias en tu archivo css.

Leave a Reply

Your email address will not be published. Required fields are marked *