1 / 6

Cascading Style Sheets Chapter 6

Cascading Style Sheets Chapter 6. Web Page Design. Cascading Style Sheets (CSS). Cascading Style Sheets can easily apply consistent formatting to your web pages. You can create styles that only go to one page or that can be attached to any page.

dalmar
Download Presentation

Cascading Style Sheets Chapter 6

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Cascading Style SheetsChapter 6 Web Page Design

  2. Cascading Style Sheets (CSS) • Cascading Style Sheets can easily apply consistent formatting to your web pages. • You can create styles that only go to one page or that can be attached to any page. • If you change a CSS style, Dreamweaver will automatically update everything that has that style applied to it. • The CSS Styles Panel can be found in the Design Panel group. If you lose it, go to Window, CSS Styles.

  3. Creating Cascading Style Sheets • To create a new CSS style, Click on the New CSS Style button at the bottom of the Design Panel. • Class and Tag will be the selector types we will work with. • Css style sheets can be saved and applied to multiple web pages • All style sheets need to be saved as .css • When you are creating new style for new sheet, be sure to select “new style sheet” for the “define in” option. • You may add many styles to a single style sheet (Just be sure to define additional styles in the existing sheet)

  4. Class • Can be applied to any block of text • IS NOT automatically applied • User must specify when to use by choosing the class name in the “style” menu that is located in the property inspector. • Must be given a name that starts with a period. (.bluetext for example)

  5. Tag • Is assigned to specific tags • Is automatically applied to anything that is located inside the selected tag whether you want it to or not! • It is not necessary to name these (as they are already named using the selected tag) <H1>,<body>,<ol> <ul>

  6. Attaching Cascading Style Sheets • To attach an existing CSS file, Click on the Attach CSS Style button at the bottom of the Design Panel. Make sure Link is selected. .

More Related