Bert Bos | CSS tutorial – style attribute
style
attributes
CSS style attributes
<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
media
attribute.)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
style
attribute of HTML, SVG and MathML.A
style
attribute 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
style
attributes other than for testing, you should ask yourself if you didn't make a mistake in the structure of your documents and style sheets.