Information Technology Reference
In-Depth Information
<chapter>Hardware
<topic>Input Devices
<topic>Processing and Storage Devices
<topic>Output Devices
A
Cascading Style Sheet (CSS)
is a file or portion of an HTML file that defines the visual
appearance of content in a Web page. Using CSS is convenient because you only need to
define the technical details of the page's appearance once, rather than in each HTML tag.
For example, the visual appearance of the preceding XML content may be contained in the
following style sheet. This style sheet specifies that the chapter title “Hardware” is displayed
on the Web page in a large Arial font (18 points). “Hardware” will also appear in bold blue
text. The “Input Devices” title will appear in a smaller Arial font (12 points) and italic
red text.
chapter: (font-size: 18pt; color: blue; font-weight: bold; display: block; font-family: Arial;
margin-top: 10pt; margin-left: 5pt)
topic: (font-size: 12pt; color: red; font-style: italic; display: block; font-family: Arial;
margin-left: 12pt)
Many new Web sites being developed use CSS to define the visual design and layout of
Web pages, XML to define the content, and XHTML to join the content (XML) with the
design (CSS). See Figure 7.7. This modular approach to Web design allows you to change
the visual design without affecting the content, or to change the content without affecting
the visual design.
Cascading Style Sheet (CSS)
A file or portion of an HTML file that
defines the visual appearance of
content in a Web page.
Figure 7.7
CSS File
XML, CSS, and XHTML
Today's Web sites are created using
XML to define content, CSS to define
the visual style, and XHTML to put it
all together.
-Fonts
XML File
-Colors
-Content
-Layout
XHTML File
CSS+ XML
