• Linked : a separate style sheet document that can be linked from any HTML document. Override only HTML.
    <head>
    <link href="mystyle.css" rel="stylesheet"/>
    </head>
  • Embedded: a block of code that apply to the html document only. Override Linked Styles and HTML.
    <style>
    <!--
    H1 {font-size: 16pt; text-align:center}
    -->
    </style>
  • Inline: declare styles directly in an HTML tag and applicable to the content of the tag. Override all other style declarations.
    <H1 style="font=style: italic"> HeadingOne </H1>