Home > Articles > Web Development > HTML/CSS

  • Print
  • + Share This
This chapter is from the book

Summary

In this chapter, you learned that a style sheet can control the appearance of many HTML pages at once. It can also give you extremely precise control over the typography, spacing, and positioning of HTML elements. You also discovered that by adding a style attribute to almost any HTML tag, you can control the style of any part of an HTML page without referring to a separate style sheet document.

You learned about three main approaches to including style sheets in your website: a separate style sheet file with the extension .css that is linked to in the <head> of your documents, a collection of style rules placed in the head of the document within the <style> tag, and as rules placed directly in an HTML tag via the style attribute.

Table 3.1 summarizes the tags discussed in this chapter. Refer to the CSS 2 style sheet standards at http://www.w3c.org for details on what options can be included after the <style> tag or the style attribute.

Table 3.1 HTML Tags and Attributes Covered in Chapter 3

Tag/Attributes

Function

<style>...</style>

Allows an internal style sheet to be included within a document. Used between <head> and </head>.

Attribute

type="contenttype"

The Internet content type. (Always "text/css" for a CSS style sheet.)

<link />

Links to an external style sheet (or other document type). Used in the <head> section of the document.

Attribute

href="url"

The address of the style sheet.

type="contenttype"

The Internet content type. (Always "text/css" for a CSS style sheet.)

rel="stylesheet"

The link type. (Always "stylesheet" for style sheets.)

<span>...</span>

Does nothing but provide a place to put style or other attributes. (Similar to <div>...</div> but does not cause a line break.)

Attribute

style="style"

Includes inline style specifications. (Can be used in <span>, <div>, <body>, and most other HTML tags.)

  • + Share This
  • 🔖 Save To Your Account