SWC - Styling with CSS Module Overview

WebDesign_OverviewBanner.png 

Styling with CSS Module Overview

According to our GPS, we have 250 miles to travel before we arrive at Webville Wonderland Theme Park.   As we continue our drive, Joshua and I would like to share information about Cascading Style Sheets also referred to as CSS.  Buckle your seat belt and get ready to learn how CSS language is used to create a document's design.

Is it possible to "dress-up" a website? If so, what enhancements would you apply to entice visitors to your site? As a web designer, it is vital that you create websites that have a consistent look, a balanced layout, and is easy to maintain. You are probably wondering how this task can be accomplished. This module will introduce you to the process of creating websites that utilize Cascading Style Sheets. You will discover how HTML elements are displayed on screen, paper, and other media. You will also use HTML to apply CSS styles associated with text, fonts, images, layouts, and designs.

Essential Questions

  • What are the three methods for applying style sheets?
  • Explain which style you would use to create a design for an entire website.
  • Why is font selection important when designing a website?
  • How can CSS impact the design of a website?

Key Terms

  1. Cascading Style Sheets (CSS) - describes how HTML elements are to be displayed on screen, paper, and other media.
  2. Embedded Style Sheet - Style that is placed inside the <head> element on the page and only applies to that web page (also called internal style sheet)
  3. External Style Sheet - a text file that contains style declarations and is linked to the web page in the <head>.
  4. Generic Font - a name for a grouping of fonts that share a similar appearance.
  5. Inline Style Sheet - CSS styles that are applied to one element.
  6. Kerning - the amount of space between characters.
  7. Leading - the space between lines of text.
  8. Specific Font - a font that is actually installed on a user's computer.
  9. Style Inheritance - when no conflicting styles are passed down from the more general levels to more specific levels.
  10. Style Sheet - a set of declarations describing the layout and appearance of a document.
  11. Tracking - the amount of space between words.

IMAGES CREATED BY GAVS