HTML using CSS
Your assignment, should you choose to accept it, is to typeset this page as
it appears at
The steps for doing this follow:
- Save this page on your M300 (public) directory.
- Edit the page in gedit
- Open a file called "mystyle.css" in gedit.
- Observe the link tag in this page. Edit mystyle.css to make style changes.
- identifies the logical components of a document
- is generally concerned with what text -is-
- does not specify what processing is to be applied to text
- requires that formatting and processing specifications appear elsewhere.
- specifies how to process text
- is generally concerned with formatting, presentation
- is often specific to one proprietary processing system
- ties a document to a specific purpose/presentation
- provides no information on meaning
- constitute the modern way to do procedural markup in HTML
- tell a browser how to interpret descriptive markup in different contexts
- can be separated entirely from a document
- can (through CSS) be used to specify formatting for an entire class
- give much greater control over the display of text.
Using style tags can be as simple as specifying a
style="stylespec" parameter as part
of the tag. A slightly more sophisticated way to use style tags is
to put them in the <HEAD> section of your HTML. In general, we
prefer to separate them entirely from a single document, so that
they can apply to many documents.
The control that style tags provide can be tremendous. Where the
old-fashioned <font> tag provided a way to specify font faces, sizes,
and colors, modern style tags can also specify word and even letter
spacing, paragraph borders and padding, text justification, floating objects,
and a tremendous number of other formatting options. For example, you
can see that this paragraph is left and right justified, while the next paragraph
has more personality than the individual that wrote it.
Not all browsers support style tags/sheets fully. In
particular, IE 6
and earlier versions did not support style tags
very well at all. More recent browsers
all support style tags/sheets more or less completely.
Copyright 2005-14 by Kevin Cooper
Washington State University