Table of Contents

Download Safari Books Online apps: Apple iOS | Android

Entire Site

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

This Book

Head First HTML with CSS & XHTML

Head First HTML with CSS & XHTML

Search

Contents

Table of Contents

Head First HTML with CSS & XHTML

A Note Regarding Supplemental Files

Praise for Head First HTML with CSS & XHTML

More Praise for Head First HTML with CSS & XHTML

Previous Praise for books by the authors

Authors of Head First HTML with CSS & XHTML

How to use This Book: Intro

1. Getting to Know HTML: The Language of the Web

2. Going Further, with Hypertext: Meeting the ‘HT’ in HTML

3. Building Blocks: Web Page Construction

4. Getting Connected: A Trip to Webville

5. Adding Images to Your Pages: Meeting the Media

6. Standards, Compliance, and all that Jazz: Serious HTML

7. Moving to XHTML: Putting an ‘X’ into HTML

8. Getting Started with CSS: Adding a Little Style

9. Styling with Fonts and Colors: Expanding your Vocabulary

10. The Box Model: Getting Intimate with Elements

11. Divs and Spans: Advanced Web Construction

A close look at the elixirs XHTML

Let’s explore how we can divide a page into logical sections

Meanwhile, back at the lounge...

Taking the <div> for a test drive

Adding a border

An over-the-border test drive

Adding some real style to the elixirs section

Working on the elixir width

Test driving the width

Adding the basic styles to the elixirs

Test driving the new styles

We’re almost there...

What are we trying to do?

What we need is a way to select descendants

Changing the color of the elixir headings

A quick test drive...

Fixing the line height

Look what you’ve accomplished...

It’s time to take a little shortcut

But there’s more...

And even more shorthands

Adding <span>s in three easy steps

Steps one and two: adding the <span>s

Step three: styling the <span>s

Test driving the spans

The <a> element and its multiple personalities

How can you style elements based on their state?

Putting those pseudo-classes to work

Test drive the links

Isn’t it about time we talk about the “cascade”?

Welcome to the “What’s my specificity game”

Putting it all together

12. Layout and Positioning: Arranging Elements

13. Tables and More Lists: Getting Tabular

14. XHTML Forms: Getting Interactive

A. Leftovers: The Top Ten Topics (we didn’t cover)

About the Authors

URL

Help

Adding the basic styles to the elixirs

We’ve got the width out of the way. What’s left to do?

	First, we’re going to change the width of the elixirs `<div>` to make it narrower.
	Next, we’ll knock out some of the styles you’re already familiar with, like padding, text alignment, and the background image.
	Then all we’ve got left are the text line heights and the heading colors. You’re going to see that you need to upgrade your CSS selector skills just a bit to get those changed.

Note

We’re doing this step next.

Now we’re going to concentrate on some of the basic styles, like the padding, the text alignment, and also getting that background image of the cocktail glasses in the elixirs <div>. You’re already familiar with how most of this works, so let’s take a quick look at the CSS:

You are currently reading a PREVIEW of this book.

Get instant access to over
$1 million worth of books and videos.

Start a Free Trial