<close container="head"> <open container="STYLE"> <leaf tag="STYLE"> <attr key=" H1{ color: rgb(128,0,128) } PRE { background-color: rgb(200,200,200) } B { background-color: rgb(128, 128, 255); font-size: large; } I { font-size: larger; } B I { font-size: smaller; } LI B { font-size: .25in; } UL LI { color: green; list-style: square outside url(resource:/res/gear1.gif); //none; } UL UL LI { color: red; } H4 { color: yelow; background-image: url(gear1.gif); background-repeat: repeat; font-size: 150%; } " value="</style>"/> <content value=" H1{ color: rgb(128,0,128) } PRE { background-color: rgb(200,200,200) } B { background-color: rgb(128, 128, 255); font-size: large; } I { font-size: larger; } B I { font-size: smaller; } LI B { font-size: .25in; } UL LI { color: green; list-style: square outside url(resource:/res/gear1.gif); //none; } UL UL LI { color: red; } H4 { color: yelow; background-image: url(gear1.gif); background-repeat: repeat; font-size: 150%; } "/> </leaf> <close container="head"> <open container="BODY"> <attr key="bgcolor" value="#FFFFFF"/> </open> <newline/> <open container="H1"> <text value="Example 1: CSS HTML Text Styles"/> <close container="H1"> <newline/> <open container="P"> <leaf tag="BR"/> <close container="P"> <newline/> <open container="P"> <text value="Note -- This document contains the following CSS declarations:"/> <close container="P"> <newline/> <open container="PRE"> <text value="H1 { color: rgb(128,0,128) }"/> <newline/> <text value="PRE { background-color: rgb(200,200,200); }"/> <newline/> <text value="B { background-color: rgb(128, 128, 255); "/> <newline/> <text value=" "/> <text value="font-size: large; } "/> <newline/> <text value="I { font-size: larger; } "/> <newline/> <text value="B I { font-size: smaller; } "/> <newline/> <text value="LI B { font-size: .25in; } "/> <newline/> <text value="UL LI { color: green; "/> <newline/> <text value=" "/> <text value="list-style: square outside url(resource:/res/gear1.gif); "/> <newline/> <text value=" "/> <text value="//none; } "/> <newline/> <text value="UL UL LI { color: red; } "/> <newline/> <text value="H4 { color: yellow;"/> <newline/> <text value=" "/> <text value="background-image: url(gear1.gif); "/> <newline/> <text value=" "/> <text value="background-repeat: repeat; "/> <newline/> <text value=" "/> <text value="font-size: 150%; } "/> <newline/> <close container="PRE"> <newline/> <open container="P"> <leaf tag="BR"/> <close container="P"> <newline/> <open container="P"> <text value="Here is an example of "/> <open container="B"> <text value="bold"/> <close container="B"> <text value=", "/> <open container="I"> <text value="italic"/> <close container="I"> <text value=" "/> <text value="and "/> <open container="B"> <open container="I"> <text value="bold-italic"/> <close container="I"> <close container="B"> <close container="P"> <newline/> <open container="P"> <leaf tag="BR"/> <close container="P"> <newline/> <open container="P"> <text value="Some links to test pseudo-classes"/> <close container="P"> <newline/> <open container="P"> <open container="A"> <attr key="href" value="http://link"/> </open> <text value="link"/> <close container="A"> <close container="P"> <newline/> <open container="P"> <open container="A"> <attr key="href" value="http://visited"/> </open> <text value="visited"/> <close container="A"> <close container="P"> <newline/> <open container="P"> <open container="A"> <attr key="href" value="http://out-of-date"/> </open> <text value="outofdate"/> <close container="A"> <close container="P"> <newline/> <open container="P"> <open container="A"> <attr key="href" value="http://active"/> </open> <text value="active"/> <close container="A"> <close container="P"> <newline/> <open container="P"> <open container="A"> <attr key="href" value="http://hover"/> </open> <text value="hover"/> <close container="A"> <close container="P"> <newline/> <open container="H2"> <text value="Bulleted List "/> <close container="H2"> <newline/> <open container="UL"> <newline/> <text value=" "/> <open container="LI"> <text value="One"/> <close container="LI"> <newline/> <text value=" "/> <open container="LI"> <text value="Two"/> <newline/> <text value=" "/> <open container="UL"> <newline/> <text value=" "/> <open container="LI"> <text value="Apples"/> <close container="LI"> <newline/> <text value=" "/> <open container="LI"> <text value="Oranges"/> <close container="LI"> <newline/> <text value=" "/> <open container="LI"> <text value="Bananas"/> <close container="LI"> <newline/> <text value=" "/> <close container="UL"> <newline/> <text value=" "/> <close container="LI"> <newline/> <text value=" "/> <open container="LI"> <text value="Three "/> <open container="B"> <text value="Bold Text"/> <close container="B"> <close container="LI"> <newline/> <close container="UL"> <newline/> <open container="P"> <leaf tag="BR"/> <close container="P"> <newline/> <open container="H4"> <text value="H3 -- A headline style, with a background image repeated and a font size increase "/> <newline/> <text value=" "/> <text value="by 150%. H3 -- A headline style, with a background image repeated and a font "/> <newline/> <text value=" "/> <text value="size increase by 150%. H3 -- A headline style, with a background image repeated "/> <newline/> <text value=" "/> <text value="and a font size increase by 150%. "/> <close container="H4"> <newline/> <newline/> <newline/> <close container="body"> <close container="html"> </begin>