22/11: Usage pattern of Cascading Style Sheets (CSS)

Category: Technologies
Posted by: bagheljas
  • 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>



Disclaimer

The views expressed in the blog are those of the author and do not represent necessarily the official policy or position of any other agency, organization, employer, or company. Assumptions made in the study are not reflective of the stand of any entity other than the author. Since we are critically-thinking human beings, these views are always subject to change, revision, and rethinking without notice. While reasonable efforts have been made to obtain accurate information, the author makes no warranty, expressed or implied, as to its accuracy.