Head First HTML with CSS

creating a css file
Creating the “lounge.css” file
You’re going to create a file called “lounge.css” to contain the style rules
for all your Head First Lounge pages. To do that, create a new text file
named “lounge.css” in your text editor.
about
h1, h2 {
font-family: sans-serif;
color: gray;
}
h1 {
border-bottom: 1px solid black;
}
p {
color: maroon;
}
304 Chapter 8
.
.
.
directions.html
lounge
beverages
.
.
.
elixir.html
.
.
.
lounge.html
h1, h2 {
fon
col
}
p {
lounge.css
images
Now type, or copy and paste from your “lounge.html” file, the CSS rules
into the “lounge.css” file. Delete the rules from your “lounge.html” file
while you’re at it.
Note that you should not copy the and tags
because the “lounge.css” file contains only CSS, not XHTML.
Create “lounge.css” in
the “lounge” folder (the
root folder).
drinks.gif
green.jpg
red.jpg
blue.jpg
lightblue.jpg
Your “lounge.css” file should
look like this. Remember, no
tags!
We often call CSS
files “style sheets”.