Skip to Content
Dreamweaver in a Nutshell
book

Dreamweaver in a Nutshell

by Heather Williamson, Bruce A. Epstein
November 2001
Intermediate to advanced
480 pages
16h 4m
English
O'Reilly Media, Inc.
Content preview from Dreamweaver in a Nutshell

Further CSS Topics

In the following sections, we’ve collected some important topics that provide advanced information for interested readers.

Cascading and Inheritance

Cascading stylesheets allow you to establish a hierarchy of styles. Styles are inherited from surrounding tags. For example, if you apply a CSS style using a body type selector, the style affects everything within the <body> tag of the document. If you then apply separate styles to, say, <p> tags within the body, they’ll be formatted using a combination of the specified styles.

Consider Example 10-5. It shows an embedded stylesheet that defines type selectors for the <body> and <p> tags and a class selector (.pgraph). Note that the pgraph style is applied to a <p> element in the HTML document.

Example 10-5. An embedded stylesheet defining stylized text within an HTML document

<html><head><style type="text/css">
<!--
body { font-family: Arial, Helvetica, sans-serif; 
       color: #0000FF} 
p { font-size: 10pt}
.pgraph { font-family: "Times New Roman", Times, serif; 
          font-size: 12pt; font-style: italic}
a:link { background-color: #003399}
-->
</style></head>
<body bgcolor="#FFFFFF">
<p class="pgraph">This is pgraph text</p>
<p>But this text isn't!</p>
</body></html>

In Example 10-5, what format will be used for the text, “But this text isn’t!” enclosed in <p> tags? It will be 10pt, blue, Arial because it inherits the font and color from the body style rule and uses the point size defined in the p style rule.

What about the format ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

Dreamweaver CS6: The Missing Manual

Dreamweaver CS6: The Missing Manual

David Sawyer McFarland

Publisher Resources

ISBN: 0596002394Catalog PageErrata