Free WebSchools.com

HOME

XML Basic

XML Introduction
XML Basic Tags

XML Validation
XML with CSS
XML CDATA

XML with CSS

CASCADING STYLE SHEET(CSS) is a styling technology thta uses non XML syntax to style elements in the markup language such as HTML. It is also in suitable foe some tasks in the styling of xml.the tutorials on CSS here CSS tutorial
the general form of the necessary processing instruction is as follows

<?xml-stylsheet href="cssstyle.css" type="text/css"?>

<?xml version="1.0" ?>
<?xmlstylesheet type="text/css" href="student.css" ?>
 <SCHOOL>
 <STUDENT>
  <NAME>HARI</NAME> 
  <ADDRESS>4131 W 200 W</ADDRESS> 
  <PHONE>9821798217</PHONE> 
  <ZIP>4324</ZIP> 
  <AGE>10</AGE>
<YEAR>2006</YEAR>
  </STUDENT>
 <STUDENT>
  <NAME>RAMA</NAME> 
  <ADDRESS>4130 W 200N</ADDRESS> 
  <PHONE>9837219731</PHONE> 
  <ZIP>432432</ZIP> 
   <AGE>10</AGE>
<YEAR>2006</YEAR>
  </STUDENT>
 <STUDENT>
  <NAME>JON</NAME> 
  <ADDRESS>400 W 200 E</ADDRESS> 
  <PHONE>98379821</PHONE> 
  <ZIP>4324324</ZIP> 
   <AGE>10</AGE>
<YEAR>2006</YEAR>

</STUDENT>
 <STUDENT>
  <NAME>HODY</NAME> 
  <ADDRESS>413 W 200 W </ADDRESS> 
  <PHONE>983798217</PHONE> 
  <ZIP>13144</ZIP> 
 <AGE>10</AGE>
<YEAR>2006</YEAR>
</STUDENT>
 <STUDENT>
  <NAME>HIDY</NAME> 
  <ADDRESS>4131 W 200 MARKIN STREET</ADDRESS> 
  <PHONE>729813012</PHONE> 
  <ZIP>32141</ZIP> 
   <AGE>10</AGE>
<YEAR>2006</YEAR>

</STUDENT>
 <STUDENT>
  <NAME>LEE</NAME> 
  <ADDRESS>200 W 200 W </ADDRESS> 
  <PHONE>98798321</PHONE> 
  <ZIP>432432</ZIP> 
 <AGE>10</AGE>
<YEAR>2006</YEAR>

</STUDENT>
 <STUDENT>
  <NAME>SHEELA</NAME> 
  <ADDRESS>4131 N 200 W </ADDRESS> 
  <PHONE>37287</PHONE> 
  <ZIP>321</ZIP> 
 <AGE>10</AGE>
<YEAR>2006</YEAR>

</STUDENT>
 <STUDENT>
  <NAME>Maggie </NAME> 
  <ADDRESS>4131 W 200 W </ADDRESS> 
  <PHONE>879827</PHONE> 
  <ZIP>2133</ZIP> 
 <AGE>10</AGE>
<YEAR>2006</YEAR>

</STUDENT>
 <STUDENT>
  <NAME>Roma</NAME> 
  <ADDRESS>420 W 200 W </ADDRESS> 
  <PHONE>123455</PHONE> 
  <ZIP>1234</ZIP> 
   <AGE>10</AGE>
<YEAR>2006</YEAR>

</STUDENT>
  </SCHOOL>

CSS page(student.css)

click here to view the css file xml css output