How Style Sheets Work:
Normally when
you make a tag in html with style it will look something like this:
<strong><a href="myURL">me</a></strong>
with styles this looks like:
a {font-weight: bold}
• <a> is the
a tag
• all the stuff between the brackets {} is the style applied to the <a>
tag.
• font-weight is a property.
• bold is a value
• note the colon (:) separtating the property from its value
• if you want to add more than one property at a time you can separate
them with a semicolon (;)
Sample properties and values:
- font: 20px "Arial Black", "Helvetica"
- font-family: "Arial"
- font-style: italic
- font-size: 16px
- letter-spacing: 2px
- text-indent: 18px
- text-align: left
- text-decoration: none
- border: dotted
- line-height: 150%
- background: url(image.gif)
- background-color: red
- color: red
Luckily in Dreamweaver, it formats most style stuff for you. You just need to make decisions about what kind of styles you want.
You can remove or edit your style and style sheets easily.
You apply styles through
the CSS Styles Panel: to open go to
Window: CSS Syles
The pop-up side menu:
quick editing options on
the bottom of the panel:
