Index of /~jamie/CS4173/Mats/examples/CSS

 Name                    Last modified      Size  Description
 Parent Directory                             -   
 simple/                 2010-08-05 17:21    -   
 image-trick/            2010-08-05 17:21    -   
 ContainerSize/          2010-08-05 17:21    -   
 centre/                 2010-08-05 17:21    -   
 nesting/                2010-08-05 17:21    -   
 buttons/                2010-08-05 17:21    -   
 badlayout/              2010-08-05 17:21    -   

CS4173 > Mats > examples/ > CSS/

J. Blustein

Web-centric Computing

[Crs | Ann | Mats | Res]

Some Example Code

CSS/ directory

Directories

examples/ parent directory

this directory

simple/ subdirectory

three examples of some simple uses of CSS

nesting/ subdirectory

use of sibling (+), parent (>) selectors, and :first-child pseudo-class

buttons/ subdirectory

text buttons made using CSS

a good example of graceful degradation

centre/ subdirectory

how to centre text and images using CSS

image-trick/ subdirectory

introduction to dual presentation (graphics & text) for block elements

an example of incremental enhancement and graceful degredation

ContainerSize directory

under construction

badlayout directory

under construction

Files

README.shtml

(this file)

See Also

In Resource section

• Tools for checking websites in the Software Resources
• Readings
  • Readings about HTML and CSS Rendering Modes
  • Readings about Accessibility issues
• CSS websites list

In Materials section

• in-class demonstrations
  • especially Show Everything: Revealing Normally Hidden Elements (about browser defaults)
• Other Examples
  • nested lists example (in Javascript section) which shows interaction between the DOM, JS, and CSS

http://web.cs.dal.ca/~jamie/CS4173/Mats/examples/CSS/README.shtml

Version:

Sunday, 21-Jan-2007 18:39:20 AST

CS 4173 Prof:

J. Blustein <jamie@cs.dal.ca>

Shortcuts

Accesskey menu

Sitemap

Site search