notice that this change is effective immediately in the BlueGriffon window, even before you
close the CSS Properties dialog.
Remember that much earlier in this tutorial you created another page? You may even still
have it open in another tab within your BlueGriffon window. Select it to view it once more.
While its content is still quite brief, you will notice that it is still rendered with the default font,
rather than the one you just selected for the main page. Rather than creating a group of web
pages which resemble a ransom note, with different fonts, etc. would not it be nice to make
style changes in one place which affect all of the pages?
T he CSS @import rule or an HT ML link can be used within a web document to include style
rules collected in another file. T his allows simple centralized control over many aspects of a
properly designed website. For example, if you have a website containing many linked pages,
and your arbitrator of aesthetics decides to:
change the background color from pale lime green to wheat, and
switch from indenting the first line of each paragraph by 3 character widths to 7
character widths
how would you prefer to implement these changes? By:
editing each of the e.g. 17 9 .html files to make these changes in the inline style
information, or
editing one centralized .css file (which is included in each of the e.g. 17 9 .html files via an
@import rule or an HT ML link) to make these changes once in an external style sheet?
