Add Site or Add Page to Favorites
>  

 CSS Style Sheets 
 
HomeTutorialHTML5 TagsAttributesCSS StylesMetatagsCheat SheetExamplesDefinitionsDifferencesAvoidHTML5 FAQsRSS FeedsHelp

    Clarify the meaning of the acronyms on your web site.

    Acronym Dictionary

    Acronym Finder

    Get information on your favorite TV Shows at TV Series .com

    Social Networking Web Sites

    Printer-friendly PDF* format:

    HTML 5 Tutorial

    Cascading Style Sheets

    In addition to providing different styles based on the type of device being used to display a web page, CSS style sheets can provide alternate user-selectable views of the page. For example, an alternative style sheet could be used to show the user what the web page would look like if it was to be printed: 

                            <?xml version="1.0" encoding="UTF-8"?>
                        
    
                        <?xml-stylesheet type="text/xsl" href="/site-template.xsl"?>
                        
    
                        <!DOCTYPE html>
                        
    
                        <html xmlns="http://www.w3.org/1999/xhtml">
                        
    
                          <head>
                        
    
                            <link rel="stylesheet" type="application/xslt+xml" href="/styles/print.xsl" media="print"/>
                        
    
                            <link rel="stylesheet" type="application/xslt+xml" href="/styles/handheld.xsl" media="handheld"/>
                        
    
                            <link rel="stylesheet" type="application/xslt+xml" href="/styles/screen.xsl" media="screen"/>
                        
    
                            <link rel="alternate stylesheet" type="text/css" title="Printer-Friendly" href="/styles/print.css" media="print"/>
                        
    
                            <link rel="stylesheet" type="text/css" href="/styles/print.css" media="print"/>
                        
    
                            <link rel="stylesheet" type="text/css" href="/styles/handheld.css" media="handheld"/>
                        
    
                            <link rel="stylesheet" type="text/css" href="/styles/screen.css" media="screen"/>
                        
    
                            <title>Example Only</title>
                        
    
                          </head>
                        
    
                          <body>
                        
    
                            <h1>Sample HTML 5 Web Page with Style Sheets</h1>
                        
    
                            <p>This is the content of the page. The appropriate CSS styles will be applied</p>
                        
    
                               The styles from the appropriate .css file will be applied to various elements on the page and
                        
    
                               the "look and feel" in the templates in the appropriate .xsl file will be wrapped around it.
                        
    
                            </p>
                        
    
                          </body>
                        
    
                        </html>

    The user can select one the alternate style sheets from the menu bar of their browser, for example, with the options View, then Page Style and, in this case, Printer-Friendly in Firefox.

    back to top

    Last updated Sunday September 19, 2010

    You are currently viewing this page in HTML 4* format (* see Clicklets for more infomation). This document is also available in XHTML 1 Style Sheet*XHTML 1* XML*HTML 5 Style Sheet*HTML 5 XML*HTML 5 non-XML* XHTML Mobile* WML Mobile* and printer-friendly PDF* formats. This is accomplished with Single Source Publishing, a content management system that uses templates in XSLT style sheets provided by XML Styles .com to transform the source content for various content delivery channels. There is also RDF* metadata that describes the content of this document.

    Copyright © 2010 Accilent® Corp. Alteration of content, including addition of any function such as hypertext links or pop-up advertising, or interference with the hypertext links or other functions of this site is expressly prohibited.

    DISCLAIMER: All information, links, forms, applications and other items on this site or obtained from it are provided AS IS, WITHOUT WARRANTY OF ANY KIND EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.