HTML and CSS Reference
In-Depth Information
Once you've added the “top” class to both your “blog.html” and “index.html”
files, then all you have to do is update your CSS to use the class in the selector
in the rules for the header:
We've added the .top class se lector
to th e heade r rule in the CS S.
header.top {
background-color: #675c47;
margin: 10px 10px 0px 10px;
height: 108px;
}
header.top img#headerSlogan {
float: right;
}
A final test drive for the headers
Once you've made all the changes to your
“blog.html”, “index.html”, and “starbuzz.css”
files, reload the blog page.
Notice that now the <header> rules apply
only to the <header> at the very top of the
page, which is just what we want. Meanwhile,
the article <header> s get the default style,
which will work fine as well.
Now the header s in the articles
are formatted correctly!
 
Search WWH ::




Custom Search