Unit 5 - Cascading Style Sheets (CSS) XML - Level I Basic

Unit 5 - Cascading Style Sheets (CSS) Unit objectives  Identify the benefits and limitations of styling XML documents with CSS, and link an XML document to a style sheet.  Apply simple CSS styles to an XML document. 7/14/2013 Copyright © Carl M. Burnett 2

Topic A  Topic A: CSS and XML  Topic B: CSS styles 7/14/2013 Copyright © Carl M. Burnett 3

Overview of Cascading Style Sheets  CSS specifications control a document’s appearance  Several stages of CSS1, CSS2, and now CSS3 specifications are in development  CSS3 is modular  W3C provides a CSS Validation Service at its Web site 7/14/2013 Copyright © Carl M. Burnett 4

Linking to external style sheets  Syntax: Prolog <?xml-stylesheet type=“text/css” href=“stylesheetname.css” ?> 7/14/2013 Copyright © Carl M. Burnett 5

External style sheet reference 7/14/2013 Copyright © Carl M. Burnett 6

Processing external style sheets  File is passed to XML parser which reads the prolog with the declaration (stylesheetname.css) and retrieves that file  Parser passes data from both files to browser  Processes the data and displays the result 7/14/2013 Copyright © Carl M. Burnett 7

Student Exercise  Topic A – CSS & XML  A-1: Linking a XML Document to a CSS Style Sheet 7/14/ Copyright © Carl M. Burnett

Unit summary  Learned how to identify the benefits and limitations of styling XML documents with CSS  Learned how to link an XML document to a style sheet. 7/14/2013 Copyright © Carl M. Burnett 9