Link or embed style
●●
<link rel=stylesheet href="...">
<link rel=stylesheet href="..." title="Default">
<link rel="alternate stylesheet" href="..." title="Style X">
<link rel=stylesheet href="..." media=print>
<style type="text/css" media=projection>
...
</style>
<p style="color: red">...
Nothing new here, except that now CSS, rather than HTML defines
the contents of the style attribute.
The normal way to use CSS is to put the style rules in one or more files and link the files from all documents they apply to. This allows easy re-use of style sheets, changing the style without touching the document, and normally uses the least bandwidth.
(The next slides will explain more about the
mediaattribute.)The
<link>element exists in HTML and SVG. For generic XML there is an equivalent “processing instruction.”Occasionally, a single document needs some overrides, and then the
<style>element is handy.CSS also specifies the syntax of the
styleattribute of HTML, SVG and MathML.A
styleattribute has a much more limited syntax than a CSS file or a<style>element. It can occasionally be useful for debugging, or it may be used by a system that allows elements to be copied and pasted.In general, if you find yourself using
styleattributes other than for testing, you should ask yourself if you didn't make a mistake in the structure of your documents and style sheets.