HTML Tutorial HTML 5 Tags HTML Attributes CSS Styles HTML Metatags Cheat Sheet HTML Examples Definitions HTML 5 Changes Things to Avoid HTML 5 FAQs Help About

You are currently using a web browser that does not support HTML 5 with style sheets. Please try the standard HTML 5, XHTML 1 or XHTML 1 Mobile version of this page instead.

HTML 5 Style Sheets

Style sheets can make HTML coding simpler and improve the performance of a web site. A style sheet can be applied to a web page by including a link tag with rel="stylesheet".

Various types of style sheets that can be used in HTML 5 documents. Two common ones are:

XSLT Style Sheets

XSLT style sheets can be used as a template for the "look and feel" of a web site. This provides a consistent look to all of the pages using the same template and makes it easy to change the way a site looks by simply changing the style sheet.

CSS Style Sheets

CSS style sheets can be used to separate the styles applied to various elements of web pages or templates from the layout of those elements or the content in general.

Different style sheets can applied to web pages based on the type of device, such as a monitor, cell phone or printer, that is being used to display the documents. They can be used regardless of whether the web pages are static or generated dynamically.

back to top

Last updated Sunday September 19, 2010

Printer-friendly PDF* format:

HTML 5 Tutorial

You are currently viewing this page in HTML 5 Style Sheet* format (* see Clicklets for more infomation). This document is also available in HTML 5 XML*HTML 5 non-XML*XHTML 1 Style Sheet*XHTML 1*XML* HTML 4* 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.