Dynamic CSS

Dynamic CSS, or DCSS, is an umbrella term for a collection of technologies used together to create dynamic style sheets, by using a combination of any server-sided programming language (such as PHP/ASP/Perl/JSP) and Cascading Style Sheets (CSS). The first idea of DCSS was written in July 2002 by Jori Koolstra, a Dutch programmer.[1]

DCSS allows you to work with variables in CSS and dynamic rewriting of CSS source. Many content management systems have created additional modules, for example Drupal.[2] Sass and Less can be used as dynamic stylesheet languages.

Example with PHP

Typically a web page using DCSS is set up in three files. A file that holds the CSS variables, a .php file that echos the CSS content and the web page where the CSS is needed.

A .dcss file normally looks like this.

<!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">
    <title>DCSS example</title>

    <style type="text/css">
         /* Include the style sheet */


The included .dcss.php file. Notice that a dcss file always has a .php extension.

  /* Include the variables file */

  echo "p";
  echo "{";
  echo "font-family:    \"$FONT_TYPE\";";
  echo "}";

And the file that holds the variables for the dcss.php file (often called vars.php).

  $FONT_TYPE = "Courier New";

See also


  1. ^ Koolstra, Jori (2 July 2002). "Dynamic CSS". Archived from the original on 19 August 2010. Retrieved 2010.
  2. ^ ceardach (3 March 2010). "Dynamic CSS". Drupal. Retrieved 2011.

External links

  This article uses material from the Wikipedia page available here. It is released under the Creative Commons Attribution-Share-Alike License 3.0.



Connect with defaultLogic
What We've Done
Led Digital Marketing Efforts of Top 500 e-Retailers.
Worked with Top Brands at Leading Agencies.
Successfully Managed Over $50 million in Digital Ad Spend.
Developed Strategies and Processes that Enabled Brands to Grow During an Economic Downturn.
Taught Advanced Internet Marketing Strategies at the graduate level.

Manage research, learning and skills at defaultlogic.com. Create an account using LinkedIn to manage and organize your omni-channel knowledge. defaultlogic.com is like a shopping cart for information -- helping you to save, discuss and share.

  Contact Us