SKIP THE SHIPPING
Use code NOSHIP during checkout to save 40% on eligible eBooks, now through January 5. Shop now.
Register your product to gain access to bonus material or receive a coupon.
The short, focused lessons presented in Sams Teach Yourself CSS in 10 Minutes will help you quickly understand cascading style sheets (CSS) and how to immediately apply it to your work. Author Russ Weakley is a well-respected member of the CSS community and is known for his ability to make complicated concepts easy-to-understand for even inexperienced CSS users. With this book, you will cover the essentials for standards compliant techniques that are supported by the most common browsers. Once you master the basics, Weakley will also take you inside positioning, troubleshooting CSS, and handling common CSS bugs. Sams Teach Yourself CSS in 10 Minutes is the ultimate quick learning tool and handy desk reference guide to CSS.
Introduction.
Who Is This Book For?
How This Book Works.
Online Support Files.
Conventions Used in This Book.
1. Understanding CSS.
What Is CSS?
What Does Cascading Mean?
Why Use CSS?
2. Using CSS Rules.
Setting Up the HTML Code.
Creating a Rule Set.
Using Multiple Declarations.
Combining Selectors.
Using Shorthand Properties.
Using Shorthand Borders.
Using Shorthand Margins and Padding.
Other Shorthand Properties.
3. Selectors in Action.
Setting Up the HTML Code.
Type Selectors.
Class Selectors.
ID Selectors.
Descendant Selectors.
Universal Selectors.
Advanced Selectors.
4. Applying Styles.
Setting Up the HTML Code.
Applying Inline Styles.
Using Header Styles.
Using External Style Sheets.
@import Styles.
Hiding Styles from Older Browsers.
5. Getting to Know the CSS Box Model.
Understanding Inline and Block Level Elements.
Setting Box Width.
Margins.
Background Color and Background Image.
Padding.
Border.
Content Area.
6. Adding Background Images.
Setting Up the HTML Code.
Creating Selectors to Style the Header.
Adding background-image.
Setting background-repeat.
Adding background-position.
Using the background Shortcut.
Adding padding.
7. Formatting Text.
Setting Up the HTML Code.
Removing Font Elements.
Creating the Selectors.
Styling the <p> Element.
Styling the First Paragraph.
Converting to Shorthand.
8. Styling a Flexible Heading.
Styling the Heading.
Adding Color, Font Size, and Weight.
Setting Text Options.
Applying Padding and Borders.
Adding a Background Image.
9. Styling a Round-Cornered Heading.
Styling the Heading.
Styling the <h2> Element.
Adding a Background Image.
Styling the <em> Element.
10. Styling Links.
Links and Pseudo-Classes.
Setting Pseudo-Class Order.
Using Classes with Pseudo-Classes.
Styling Links with Background Images.
Removing Underlines and Applying Borders.
Increasing the Active Area of Links.
11. Positioning an Image and Its Caption.
Wrapping the Image and Caption.
Floating the Container.
Applying Padding, Background Color, and a Background Image.
Styling the Caption.
Styling the Image.
Creating a Side-By-Side Variation.
Creating a Photo Frame Variation.
12. Creating a Photo Gallery.
Creating a Thumbnail Gallery.
Positioning the <div> Elements.
Styling the Image.
Styling the Paragraph Element.
Forcing a New Line.
Creating a Side-By-Side Variation.
13. Styling a Block Quote.
Applying the <blockquote> Element.
Styling the <blockquote> Element.
Styling the Paragraph.
Styling the source Class.
Creating a Variation.
14. Styling a Data Table.
Starting with a Basic Table.
Adding Accessibility Features to a Data Table.
Creating Selectors to Style a Table.
Styling the Caption.
Styling the <table> Element.
Styling the <th> and <td> Elements.
Styling the <tr> Element.
Targeting Instances of the <th> Element.
Creating Alternate Row Colors.
15. Creating Vertical Navigation.
Why Use a List?
Styling the List.
Styling the <ul> Element.
Styling the <a> Element.
Adding a Hover Effect.
Styling the <li> Element.
16. Creating Horizontal Navigation.
Styling the List.
Styling the <ul> Element.
Styling the <li> Element.
Styling the <a> Element.
Styling the :hover Pseudo Class.
Summary.
17. Styling a Round-Cornered Box.
Setting Up the HTML Code.
Creating the Illusion of Round Corners.
Creating Selectors to Style the Round-Cornered Box.
Preparing the Images.
Styling the <div> Element.
Styling the <h2> Element.
Styling the <p> Element.
Styling the .furtherinfo Class.
Styling the <a> Element.
Creating a Fixed-Width Variation.
Creating a Top-Only Flexible Variation.
18. Creating a Site Header.
Setting Up the HTML Code.
Creating Selectors to Style the Header.
Styling the <body> Element.
Styling the Container.
Styling the <h1> Element.
Styling the <image> Element.
Styling the <ul> Element.
Styling the <li> Element.
Styling the <a> Element.
19. Positioning Two Columns with a Header and a Footer.
Setting Up the HTML Code.
Creating Selectors to Style the Two-Column Layout.
Styling the <body> Element.
Styling the Container.
Styling the <h1> Element.
Styling the #nav Container.
Styling the <ul> Element.
Styling the <li> Element.
Styling the #content Container.
Styling the #footer Container.
Styling the <h2> Element.
Styling the <a> Element.
20. Styling a Page for Print.
Setting Up the Print CSS.
Starting with Existing HTML and CSS Code.
Creating Selectors to Style for Print.
Styling the <body> Element.
Styling the <h1> Element.
Styling the #nav Container.
Styling the #footer Container.
Styling the <a> Element.
21. Positioning Three Columns with a Header and a Footer.
Setting Up the HTML Code.
Creating Selectors to Style the Three-Column Layout.
Creating a Liquid-Layout Grid.
Creating the Background Images.
Styling the <body> Element.
Styling the <h1> Element.
Styling the <h2> and <h3> Elements.
Styling the First Container.
Styling the Second Container.
Styling the #content Column.
Styling the #news Column.
Styling the #nav Column.
Styling the <ul> Element.
Styling the #footer Element.
22. Troubleshooting CSS.
Setting Up the CSS Code.
Fixing the Problems.
Some Tips for Troubleshooting CSS Problems.
Index.
Note: You will need the Free Adobe Acrobat Reader to view the file(s) for the book. If you do not already have Acrobat installed on your machine, click the "Get Acrobat Reader" button to download and install.
Click on the links below to display the PDF file in a new window. Right-click on the link and select Save As if you want to download it to your hard drive.
0672327457errata.pdf (12 KB)