CSS Description Types
Tommy Tinsley
IT/237
May 16, 2012
Adam Moore

CSS Description Types
INTRODUCTION

Cascading Style Sheets or CSS are created to allow developers to separate the design from the content. This allows HTML to do the markup of the content without developers worrying about the layout. CSS are separated into one of three categories; external, internal, and inline CSS, each has advantages and disadvantages.

INLINE CSS

Inline CSS are applied in the middle of the HTML code and only apply to the line it is inserted into. This type of style sheet also contains the highest priority and will override any other CSS that is in place for that individual line. It is quick and easy to use Inline CSS and developers do not have to create a new document or edit CSS in the head of the document. However, the ease of Inline CSS is also its problem. If using this CSS only every single line will have to be edited. Inline CSS cannot perform complex styles like style the visited, active, or link color of an anchor tag.

INTERNAL CSS
<html>
<head> <title>Internal Style Sheet Example</title> <style> <!-- body { background: #C9F1C5 } h1 { color: #54B24B; font: bold 14px Verdana, Arial, Helvetica } p { font: 12px Verdana, Arial, Helvetica } --> </style>
</head>
<body> <h1>Page With an Internal Style Sheet</h1> <p>This page contains style definitions at the top of the HTML code.</p>
</body>
</html>

Internal style sheets let the designer describe styles for HTML pages.
Internal CSS are placed at the head of the document and will only affect the page that the style is placed on. Internal CSS can have a higher priority than External CSS if they are placed after the link to the external style. Just as Inline CSS there are no external