Graphics Programs Reference
In-Depth Information
◗
11.
On the Files panel toolbar, click the
Refresh
button to refresh the files list,
and then click the
Plus (+)
button next to the stylesheets folder to display the
nbf_styles.css file in the files list. See Figure 3-22.
Figure 3-22
External style sheet created
click buttons
on the
Related Files toolbar
to switch between
the home page and
the external style
sheet file
Click the Re
fresh button
to refresh the files list
external
s
tyle
sheet file stored
in the new folder
◗
12.
On the Files panel toolbar, click the
Minus (-)
button
next to the stylesheets
folder to collapse the folder in the files list.
◗
13.
On the Related Files toolbar, click the
nbf_styles.css
button to display the page in
the Document window, and then save the file.
◗
14.
On the Related Files toolbar, click the
Source Code
button to return to the
index.html page, and then save the page.
Deleting Styles from a Style Sheet
Styles moved to a new external style sheet are automatically deleted from within the
page. However, when you connect an existing external style sheet to a page, you must
move all of the styles from that page to the external style sheet and then delete the styles
from within the page. Otherwise, you will create multiple sets of styles with the same
names, which can cause styles to confl ict and lead to confusion.
Leaving some styles in the internal style sheet can negate the benefi ts of using style
sheets because you don't have one centralized set of styles that is easily updated and
used throughout the site. Also, because style sheets are cascading, the styles in an internal
style sheet will override styles in an external style sheet wherever a style confl ict exists.
When you delete the internal styles from a page without connecting that page to an
external style sheet, the text and page properties return to their default formatting.
Search WWH ::
Custom Search