Course Syllabus

Intro

Design

Slicing

CSS

Template

Content

Scripts

Meta-Tags

Uploading

Website Hosting

Animated Gifs

Requested Elements

Further Readings

Interesting Designs

CSS Style - Class Combination

This is a hybrid of CSS classes and CSS styles. Say for example you wanted to have all the links of your site to have a particular look unless they are the links used for your navigation. The easiest way to accomplish this is to create a class definition within a style.

• to start create a new style class in your styles.css document for the element
  • .navigationLinks { color:#000000;}
• next apply this style to the correct element in your html document
  • this is best done as a div tag
  • select the text to be styled
  • go to Insert --> Layout Objects --> DIV tag
  • select the appropriate class from the drop down
  • click OK
• notice this has not actually changed your links we need to now put a class definition in with our style on the styles.css document this would look like:
  • .navigationLinks a {color:#000000;}
  • this is telling the HTML code that all <a> tags inside of a <div> tag with the style navigationLinks applied to it should appear as defined. Black in this example