Ultimate Sidebar

Understanding CSS Style Sheet Types

106 6
There are three types of CSS styles:
  • inline styles
    Inline styles are styles that are written directly in the tag on the document. Inline styles affect only the tag they are applied to.
    <a href="" style="text-decoration: none;">
  • embedded styles
    Embedded styles are styles that are embedded in the head of the document. Embedded styles affect only the tags on the page they are embedded in.
    <style type="text/css">p { color: #00f; }</style>


  • external styles
    External styles are styles that are written in a separate document and then attached to various Web documents. External style sheets can affect any document they are attached to.
    <link rel="stylesheet" type="text/css" href="styles.css" />

CSS best practices recommends that you use primarily external style sheets for styling Web pages so that you get the most benefit of the cascade and inheritance.
Source: ...
Subscribe to our newsletter
Sign up here to get the latest news, updates and special offers delivered directly to your inbox.
You can unsubscribe at any time

Leave A Reply

Your email address will not be published.