Skip to main content


developerWorks  >  XML | Web development  >

Display XML with Cascading Stylesheets: Use Cascading Stylesheets to display XML, Part 3: Combine XSLT and CSS to process XML

developerWorks

Level: Intermediate

Uche Ogbuji (uche.ogbuji@fourthought.com), Principal consultant, Fourthought Inc.

20 Jun 2005

Register now or sign in using your IBM ID and password.

In Parts 1 and 2 of this tutorial series, Uche Ogbuji has shown how to use Cascading Stylesheets (CSS) to display XML in browsers, presenting basic and advanced techniques. Although some people see XSLT and CSS as opposing technologies, they are actually very complementary. CSS cannot, and is not designed to, handle many XML rendering tasks. You can use XSLT for many such tasks, and even manage the CSS that is still used to fine-tune the presentation. This tutorial covers techniques for using XSLT to process XML in association with CSS.

Anyone who works with XML should take this tutorial. Even if CSS and XSLT don't cover your needs for production Web publishing, they are great tools for general processing, debugging, and experimentation. They offer rich interaction with other XML technologies and you'll be likely to run into CSS and XSLT even when you least expect them.

In this tutorial

  • Basics of using XSLT to generate HTML and CSS

  • Using XSLT to generate HTML using full CSS stylesheets

  • Using XSLT to generate XML using CSS

  • Advanced notes

Prerequisites

This tutorial assumes knowledge of XML, CSS, XPath, and XSLT. Other tutorials in this series are:


System requirements

You will need JavaScript enabled in your browser.

This tutorial uses a lot of stylesheet examples to demonstrate the usefulness of CSS for XML display. You can experiment with the examples in your favorite XML-aware browser.

To try out the examples, you need a Web browser that supports XML and CSS Level 2 or better. The author presents the output of all examples using Firefox 1.0 on Fedora Core Linux. Go to http://www.getfirefox.com/ to get that CSS-compliant Web browser. Based on Mozilla's rendering engine, Firefox is available on Windows, Mac OS X, Linux, and other platforms.



Duration

Under one hour


Formats

html, pdf


Share this....

digg Digg this story del.icio.us del.icio.us Slashdot Slashdot it!


Back to top


Document options

Document options requiring JavaScript are not displayed


My developerWorks needs you!

Connect to your technical community


More in this series:
Display XML with Cascading Stylesheets