Web designers can define style rules in three different places:
In the examples above, we have been using external style sheets. This is generally the best approach as it allows you to apply a single style sheet to an unlimited number of HTML files.
To create and embedded style sheet in Dreamweaver, create a new rule as we have done above, but in the New CSS Rule dialog, select "(This document only)" for the Rule Definition:
To create and embedded style in Dreamweaver CC, select "(Define in Page)" for the Rule Definition:
Inline styles are applied directly to an element within the HTML code using the style attribute. The value of the style attribute is a list of one or more property-value pairs separated by semi-colons. The code snippet below illustrates how inline styles are used:
To illustrate how to add inline styles:
Generally, you should avoid using inline styles as you will not be able to reuse them in the same document or in others.