Cascading Style Sheets allow for many layout and formatting options that cannot be achieved with plain HTML. Similar to styles in a word processing program, they can be added to text and other elements of a web page to achieve a desired look. The style definitions can be used directly on a web page, or even better, they can be defined in a separate file (e.g."style.css") and linked to from each web page that needs those styles applied. Consequently, using a linked style sheet makes updating the look and feel of a page quite easy, since all you need to do is modify one file (the linked .CSS file) and all the files that link to it automatically apply the new style.
This tutorial is fairly technical, so prior knowledge of CSS is very helpful. The following two activities will explain in more detail what cascading style sheets are, how they work, and how to use them in Dreamweaver.
Activity One: In this activity you will learn to apply different style sheets/CSS files (called basic.css , and movie_review.css respectively) to format the presentation of the HTML document called CSS_movie_review_b4.html |
Create a style sheet for your entire site.
|