Folhas de estilo em cascata dinâmica - Dynamic cascading style sheets
Cascading Style Sheets |
---|
Conceitos |
Filosofias |
Ferramentas |
Comparações |
CSS dinâmico , ou DCSS , é um termo abrangente para uma coleção de tecnologias usadas em conjunto para criar folhas de estilo dinâmicas , usando uma combinação de qualquer linguagem de programação do lado do servidor (como PHP / ASP / Perl / JSP ) e folhas de estilo em cascata ( CSS). A primeira ideia do DCSS foi escrita em julho de 2002 por Jori Koolstra, um programador holandês.
DCSS permite que você trabalhe com variáveis em CSS e reescrita dinâmica da fonte CSS. Existe um módulo para Drupal que implementa DCSS.
Exemplo com PHP
Normalmente, uma página da web usando DCSS é configurada em três arquivos. Um arquivo que contém as variáveis CSS, um arquivo .php que exibe o conteúdo CSS e a página da web onde o CSS é necessário.
Um arquivo .dcss normalmente se parece com isso.
<!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>DCSS example</title>
<style type="text/css">
<?php
/* Include the style sheet */
require_once("sheet.dcss.php");
?>
</style>
</head>
<body>
</body>
</html>
O arquivo .dcss.php incluído. Observe que um arquivo dcss sempre tem uma extensão .php.
<?php
/* Include the variables file */
require_once("vars.php");
echo "p";
echo "{";
echo "font-family: \"$FONT_TYPE\";";
echo "}";
E o arquivo que contém as variáveis para o arquivo dcss.php (freqüentemente chamado de vars.php).
<?php
$FONT_TYPE = "Courier New";