Basic HTML version of Foils prepared April 4 1999

Foil 29 Cascading Style Sheets CSS1 (and CSS2) Features

From The Document Object Model - Universal Access - Other Objects - CORBA XML Jini JavaScript etc. Tango Seminar to DoD Modernization MSRC -- April 6 1999. by Geoffrey C. Fox


CSS1 allows one to specify layout styles (size, color, position) and associate in flexible way with tags
Flexible placement of style information -- either in sheets (i.e. separate pages), attributes (style="..") or style statements in header of HTML page
Independence from specific scripting languages but natural link to JavaScript and works with XML and HTML
Cascading style sheets i.e. one can have a hierarchy of style definitions from general to organization specific to user specific
Example: A simple style sheet (in file "myStyle.css"): P.special { color: red; border: solid black; }
Now put a <LINK> tag in the <HEAD> to be able to access information: <LINK href="myStyle.css" rel="stylesheet" type="text/css">
In the <BODY> tag, type: <P class="special">A special paragraph!



© Northeast Parallel Architectures Center, Syracuse University, npac@npac.syr.edu

If you have any comments about this server, send e-mail to webmaster@npac.syr.edu.

Page produced by wwwfoil on Mon Apr 12 1999