CSS dinámico , o DCSS , es un término general para un conjunto de tecnologías utilizadas para crear hojas de estilo dinámicas, utilizando una combinación de cualquier lenguaje de programación del lado del servidor (como PHP / ASP / Perl / JSP ) y hojas de estilo en cascada (CSS) . La primera idea de DCSS fue propuesta en julio de 2002 por Jori Koolstra, un programador holandés.
DCSS permite trabajar con variables en CSS y reescribir dinámicamente el código fuente en CSS. Muchos sistemas de gestión de contenido han creado módulos adicionales, por ejemplo Drupal , para gestionar DCSS. Sass y Minus se pueden utilizar como lenguajes de hojas de estilo dinámicos.
Por lo general, una página web que utiliza hojas de estilo en cascada dinámicas se configura a través de tres archivos. Un primer archivo que contiene las variables CSS, un archivo .php que contiene el contenido CSS y la página web para la que se requiere CSS.
Un archivo .dcss normalmente se ve así:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Exemple DCSS</title> <style type="text/css"> <?php /* Inclure la feuille de style */ require_once("sheet.dcss.php"); ?> </style> </head> <body> </body> </html>A continuación se muestra el archivo .dcss.php incluido. Tenga en cuenta que un archivo dcss siempre tiene una extensión .php:
<?php /* Inclusion du fichier variables */ require_once("vars.php"); echo "p"; echo "{"; echo "font-family: \"$FONT_TYPE\";"; echo "}"; ?>Y el archivo que contiene las variables para el archivo dcss.php (a menudo llamado vars.php):
<?php $FONT_TYPE = "Courier New"; ?>