16, CSS style definition node
XML Version = "1.0"?>
xml-stylesheet type = "text / css" href = "1.css"?>
book>
books>
-------------------------------------------------- -------
CSS
-------------------------------------------------- ---------
Books {display: block;}
Book {Display: Block; Background-Color: #aabbcc}
---------------------------------------------
Experience: The above definition method is the same as that of redefining the HTML tag style, such as an unacity of CSS, it is recommended to use DW to generate, then the effect. It is easy to learn.
17, style class definition XML
XML Version = "1.0" Standalone = "YES"?>
xml-stylesheet type = "text / css" href = "3.css"?>
Class = "ListClass"> Class = "Listsmall"> Lisongtao Sublist> list> -------------------------------------------------- ------------ 3.CSS .listclass {color: red; font-size: 26pt} .listsmall {color: blue; font-size: 15pt} 18, class ID definition XML XML Version = "1.0" Standalone = "YES"?> xml-stylesheet type = "text / css" href = "id.css"?> ID = "List"> lisongtao class> ID = "List1"> Lisongtao Monitor> school> --------------------------------- ID.CSS -------------------------------------------------- #List {font-size: 28pt; color: red; display: block} # List1 {font-size: 14pt; color: blue display: block} 19. Use CSS directly in XML XML Version = "1.0" Standalone = "YES"?> xml-stylesheet type = "text / css" href = "sevil.txt"?> Style = "Font-Weight: bold; color: red"> Hello XML! Foo> 20. Method for merged another style sheet in a style sheet @Import URL ("Sevil.css"); 21. Customize the block display of the node with CSS Xml.xml -------------------------------------------------- ------------------------------ Xml Version = "1.0" encoding = " GB2312 "?>> xml-stylesheet type = "text / css" href = "css.css"?> book> book> book> books> -------------------------------------------------- ------------- CSS.CSS -------------------------------------------------- ------------- Book { Display: block; Background-color: #aabbcc; Padding: 1.2em; Margin-Bottom: 1EM; } Author { Display: block; FONT-SIZE: 16pt; Color: RED; } 22. Methods of reference multiple CSS style sheets in the same XML file XML Version = "1.0" Standalone = "YES"?> XML-Stylesheet Type = "text / css" href = "1.css"?> xml-stylesheet type = "text / css" href = "2.css"?> 23. Methods of using HTML tags in XML, inserted into the picture Xml Version = "1.0" encoding = " GB2312 "?>> XML-Stylesheet Type = "text / css"?> book> books> 24. Use HTML tags in XML (2), use super connection Xml Version = "1.0" encoding = " GB2312 "?>> XML-Stylesheet Type = "text / css"?> [colorred] book> books> 25, using HTML tags (3) in XML, use Xml Version = "1.0" encoding = " GB2312 "?>> XML-Stylesheet Type = "text / css"?> Html: p> book> books> 26. Use the HTML tag in XML (4), use the table label XML Version = "1.0" encoding = " GB2312 "?>> XML-Stylesheet Type = "text / css"?> Html: TR> Html: table> book> books> 27, using an HTML mark method (5) in XML, use a form sweat. . . . This is not interesting, for reference only Xml Version = "1.0" encoding = " GB2312 "?>> XML-Stylesheet Type = "text / css"?> Html: TR> Html: TR> Html: TR> Html: table> Html: center> book> books> 28. Use the HTML tag in XML (6), using JS scripts Xml Version = "1.0" encoding = " GB2312 "?>> XML-Stylesheet Type = "text / css"?> Var frunning = 0 Function StartTrans () { IF (frUnning == 0) { Frunning = 1 SampleId.filters.reveAltrans.Apply (); SampleId.src = "suzh1.jpg"; SampleId.Filters.reveAltrans.play () } Else { Frunning = 0 SampleId.filters.reveAltrans.Apply (); SampleId.src = "suzh2.jpg"; SampleId.Filters.reveAltrans.play () } } Html: script> Click Image for Transition Filter: Blend books> 29, summarize CSS / HTML: In fact, in XML calls CSS to display unified style, it is very simple, mainly through one xml-stylesheet type = "text / css" href = "1.css"?> Such methods are connected. It is best to learn CSS's grammatical syntax. If you don't have it, you can also use DW to generate a CSS style sheet and join.......................................................................................................................................................................................................................................... The HTML tag can be called to be implemented with