Page 287 - DCAP109_GRAPHIC_TOOLS

Graphic Tools

Notes
Example: A

<style type=”text/css”>
<!—
.bluetext
{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:
#000066;text-decoration: none;

}
Apply the CSS above using class property for any tag <p class=”bluetext”>
If you define the style in an external existing or new Style Sheet you will find code similar to the
following in your head content:

Example: B
<link rel=”stylesheet” href=”/styles.css” type=”text/css”>

This code indicates that the document is linking to the external style sheet called styles.css
located under the site root.
If you open the style sheet in notepad you will find code similar to the code for the styles being
embedded in the document. The big advantage of external style sheets is that the web site is easy
to maintain and that when we make changes to the styles applied in the document, only the style
sheet needs to be uploaded and not all the pages accessing it. As a practice, while using
Dreamweaver, link you template(s) to the external style sheet so that all the pages using the
template can use just one style sheet.

12.5.3 Cascading Characteristics

The term cascading in CSS refers to how many style sheets can affect a single document in a
cascading manner. This means that they all come together to create one single style that decides
the overall presentation of the page.

Did u know? If styles between sources conflict, a weighting system is used to decide which
style has precedence.

12.5.4 Internal Style Sheets using Dreamweaver – Adding Styles to
HTML Tags

The CSS palette helps you assign certain properties to a specific HTML tag. To open the CSS
palette, go to Window > CSS palette.

280 LOVELY PROFESSIONAL UNIVERSITY