<?xml version="1.0" encoding="UTF-8"?>
<?oxygen RNGSchema="css_intro.rng" type="xml"?>
<TEI xmlns="http://www.tei-c.org/ns/1.0">
   <teiHeader>
       <fileDesc>
           <titleStmt>
               <title type="Main">Cascading Style Sheets</title>
               <title type="Sub">A very brief introduction</title>
               <author>Martin Holmes</author>
           </titleStmt>
           <publicationStmt><p>Not for general publication.</p></publicationStmt>
           <sourceDesc>
               <p>Written by MDH, SA and GN.</p>
           </sourceDesc>
       </fileDesc>
     <revisionDesc>
       <change date="2006">Originally written as an example document for the "CSS and XML" workshop at CASTA 2006.</change>
       <change date="2007-05">Revised for use with Ray Siemens's English/Computing class, May 2007.</change>
       <change date="2011-03">Formalized the history in this revisionDesc element (MDH).</change>
     </revisionDesc>
   </teiHeader>
   <text> 
<body>
    <div>
        <head type="Main">Cascading Style Sheets</head>
        <head type="Sub">A very brief introduction</head>
        
        <p><choice><expan>Cascading Style Sheets</expan><abbr>CSS</abbr></choice> provide a method for styling HTML or XML documents. According to the <choice><expan>World Wide Web Consortium</expan><abbr>W3C</abbr></choice>, 
        
        <cit>
            <quote>
                Style sheets describe how documents are presented on screens, in print, or perhaps how they are pronounced. W3C has actively promoted the use of style sheets on the Web since the Consortium was founded in 1994. The Style Activity has produced several W3C Recommendations (CSS1, CSS2.1, XPath, XSLT). CSS especially is widely implemented in browsers.
            </quote>
            <bibl>W3C Web Style Sheets Home Page (<ref target="http://www.w3.org/Style/">http://www.w3.org/Style/</ref>)</bibl>
        </cit>
        </p>
    
        <p>A CSS style sheet consists of a set of <term>rules</term>. Each rule has a <term>selector</term> and a set of <term>declarations</term>. Each declaration has a <term>property</term> and a <term>value</term>. For example, here is a simple rule:
            
            <quote>
                <code>p{</code><lb/>
                <code>font-size: 12pt;</code><lb/>
                <code>text-align: justify;</code><lb/>
                <code>}</code>
            </quote>
       
            Here the <term>selector</term> is <q>p</q>. Two <term>declarations</term> appear between the parentheses; the first sets the font size to 12 points, and the second sets the text alignment to justified. This means <q>whenever you find a p tag in the document, render the text inside it at 12 points, and justify it</q>.
         </p>
    </div>

</body>
</text>
    
</TEI>
