Head First HTML with CSS

But how do I use id in CSS?
You select an element with an id almost exactly like you select an element with a
class. To quickly review: if you have a class called “specials”, there are a couple
of ways you can select elements using this class. You could select just certain
elements in the class, like this:
p.specials {
color: red;
}
.specials {
color: red;
}
This selects only paragraphs that are in the specials class.
Or, you can select all the elements that belong to the “specials” class, like this:
This selects all elements in the specials class.
Using an id selector is very similar. To select an element by its id, you use a “#” character
in front of the id (compare this to class, where you use a “.” in front of the class name).
Say you want to select any element with the id “footer”:
#footer {
color: red;
}
This selects any element that has the id “footer”.
Or, you could select only a element with the id “footer”, like this:
p#footer {
color: red;
}
This selects a element if it has the id “footer”.
The only other difference between class and id is that an id selector should match
only one element in a page.
the box model
you are here 417