Use the one from the download files as the basis for your
own, but if you regularly use other elements on a page (such as pull quotes), be sure to
add those, too??”after all, it??™s quicker to amend a few existing rules to restyle them than it
is to key them in from scratch.
To show you the power of CSS, we??™re going to work through a brief exercise using the boilerplates
mentioned earlier. Don??™t worry about understanding everything just yet, because
all of the various properties and values shown will be explained later in the book.
Required files XHTML-basic.html and CSS-default.css from the basicboilerplates
folder.
What you??™ll learn How to create, style, and restyle a web page.
Completed files creating-and-styling-a-web-page.html, creating-andstyling-
a-web-page.css, creating-and-styling-a-web-page-
2.html, and creating-and-styling-a-web-page-2.css, in the
chapter 1 folder.
1. Copy XHTML-basic.html and CSS-default.css to your hard drive and rename
them creating-and-styling-a-web-page.html and creating-and-styling-aweb-
page.css.
2. Attach the style sheet. Type Creating and styling a web page in the title element
to give the page a title, and then amend the @import value so that the style
sheet is imported:
3. Add some content. Within the wrapper div, add some basic page content, as
shown in the following code block.
Pages:
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78