HTML and CSS Reference
In-Depth Information
Table 5-9 Code for External Style Sheet
Line
CSS Properties and Values
body
{font-family: Arial, Centaur, "Century Gothic";
1
font-size: 11pt;}
2
3
4
p
{margin-left: 5pt;
margin-right: 5pt;}
5
6
7
.boldword
{color: #030a24;
font-weight: bolder;}
8
9
10
img
{border-color: transparent;}
11
12
li.navlist
{display: inline;
list-style-type: none;}
13
14
15
a
{text-decoration: none;
color: #030a24;}
16
17
18
a:hover
{background: #030a24;
color: #d0a4bb;}
19
The following step creates an external style sheet.
1
If necessary, click the Notepad++
button on the taskbar.
font-family and size set
with the <body> tag
Click the New button on the toolbar.
Enter the HTML code shown in
5 point margin on both
left and right sides
Table 5-9 (Figure 5-33).
transparent border
around all images
class boldword applies
a dark blue and bolder
weight style
class named navlist to
display bulleted lists
inline (horizontally)
with no list-style-type
links will appear as
dark blue with no text
decoration
sets background and
text color when mouse
hovers over link
Figure 5-33
 
Search WWH ::




Custom Search