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 thoughts 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 point of view(s) of any entity other than the author. Since we are critically thinking human beings, the point of view(s) is always subject to change, revision and rethinking at any time. While reasonable efforts have been made to obtain accurate information, the author makes no warranty, expressed or implied as to its accuracy.