HTML and CSS Reference
In-Depth Information
Switch back to
style.css
and begin the styling of the
paragraphs with fonts, colors and margins.
Selecting the text (e.g.
link
) inside Photoshop will
show you the font used and the color.
#top p {
font:normal 14px/18px “Marvel”, Arial, sans-serif;
padding:12px 0;
/* top and bottom space */
margin:0;
/* disables any margin */
}
#top p a {
text-decoration:none;
/* disables the underline */
margin:0 20px 0 0;
/* adds the space between links */
color:#a0a0a0;
}
#top p a:hover {
text-decoration:underline;
/* enables the underline */
color:#000;
}
Save and refresh. This is how it should look: