This chapter is from the book
This chapter is from the book
This chapter is from the book
Summary
In this hour, you learned that a stylesheet 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 learned 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 stylesheet document.
You learned about three main approaches to including stylesheets in your website: a separate stylesheet 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 rules placed directly in an HTML tag via the style attribute (although the latter is not a best practice for long-term use).
Table 3.1 summarizes the tags discussed in this hour. Refer to the CSS stylesheet 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 Hour 3
|
Tag/Attributes |
Function |
|
<style>...</style> |
Allows an internal stylesheet to be included within a document. Used between <head> and </head>. |
|
Attribute |
|
|
type="contenttype" |
The Internet content type. (Always "text/css" for a CSS stylesheet.) |
|
<link /> |
Links to an external stylesheet (or other document type). Used in the <head> section of the document. |
|
Attribute |
|
|
href="url" |
The address of the stylesheet. |
|
type="contenttype" |
The Internet content type. (Always "text/css" for a CSS stylesheet.) |
|
rel="stylesheet" |
The link type. (Always "stylesheet" for stylesheets.) |
|
<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.) |