Style is how we tell our browsers how to display the information we have encoded in HTML. In Chapter 2, inline style was shown as a way to add style directly into your HTML document. While inline style is useful for making small, quick additions to your webpage, it is much more effective to organize your style into internal or external style sheets. Doing so will allow your style to be easily maintained and potentially applied throughout multiple pages.

Learning Outcomes for this Chapter

Upon completion of the reading of this chapter and assignments found at the end, a student should be able to:

  • create an external style sheet and link that sheet back to one or more HTML documents,
  • create an internal style sheet in the head of a page,
  • use the tag, id, and class selectors to target style to elements on a page,
  • implement selectors with more than one style in them.