Note how the heading, paragraph, and quote
are marked up using a heading element (
), paragraph element (
),
and block quote element (
), rather than using styled
paragraphs for all of the text-based content. This is semantic markup, as discussed
briefly earlier in the chapter.
Creating, styling, and restyling a web page
Along the same lines as boilerplates, you can save time by creating a snippets folder
on your hard drive. Use it to store snippets of code??”HTML elements, CSS rules, and
so on??”that you can reuse on various websites. Many applications have this functionality
built in, so make use of it if your preferred application does.
THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN
20
A heading
A paragraph of text, which is very exciting—something
?‚ that will live on through the generations.
“A quote about something, to make
?‚ people go "hmmmm" in a thoughtful manner.”
Another paragraph, with equally exciting text; in fact, it’s
?‚ so exciting, we're not sure it’s legal to print.
4. Edit some CSS. Save and close the web page and then open the CSS document.
Amend the body rule within the defaults section of the CSS. This ensures the text
on the page is colored black and that the page??™s background color is white. The
padding value ensures the page content doesn??™t hug the browser window edges.
Pages:
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79