Home Page Icon
Home Page
Table of Contents for
Appendixes
Close
Appendixes
by Jason Cranford Teague
Speaking in Styles: Fundamentals of CSS
Copyright
Dedication
Introduction
Verbalizing the Visual
Why CSS?
Reading This Book
Reading the Code
1. A Web Primer
1. What is a Web Page?
HTML, JavaScript, and CSS
What Is the DOM?
HTML and CSS
JavaScript and CSS
Flash and CSS
2. Web Designer’s Toolbox
Web Browsers
Internet Explorer (IE)
Windows
Firefox (FF)
Mac, Windows, and Unix/Linux
Safari (Sa)
Mac and Windows
Opera (Op)
Mac, Windows, and Unix
Test Internet Explorer 6 on the Mac with Crossover
Firefox Add-Ons
Firebug
Colorzilla
Palette Grabber
MeasureIt
Pixel Perfect
Code Editors
Coda
Mac
TopStyle
Windows
CSSEdit
Mac
Dreamweaver
Windows and Mac
Online Tools
ColorJack
Adobe Kuler
Typetester
SUMO Paint
3. The Myths of CSS
Myth 1: CSS Is for Developers, Not Designers
Myth 2: CSS Can’t Handle the Designs I Need
Myth 3: CSS Has Too Many Browser Inconsistencies
2. CSS Grammar
4. Syntax: Creating Meaning
The Rules of Style
Parts of a Style Rule
A Basic Style Rule
Declaring More Styles
Combining Rules
Types of Selectors
HTML Selector
Class Selector
Class Selector: Dependent Class
Class Selector: Mix and Match Classes
ID Selector
Styles in Context
Styles Based on Where Something Is
A Simple Example of Descendent Selector Context
A More Complex Example of Descendent Selector Context
Styles for Children
Styles for Siblings
Styles for Special Cases
Link States
Styles for Link Actions
Styles for Dynamic Actions
Styles for Parts of a Paragraph
5. Semantics: Making Sense of Styles
Where to Put Style Rules
Inline Styles for an HTML Tag
Embed Styles in a Web Page
External Styles in a Web Site
External Styles for a Web Site: Creating an External Style Sheet
External Styles for a Web Site: Linking to an External Style Sheet
External Styles for a Web Site: Importing an External Style Sheet
Adding Notes to CSS
Inheritance
Overriding Inheritance
Order
Specificity
Determining a CSS Rule’s Weight
Importance
Media
The Cascade
6. Vocabulary: Talking the Talk
Values
Keywords
Variables
Fonts
Text
Background
Image Repeat
Image Position
Box
Display
Visibility
Float
Width and Height
Maximum and Minimum Width and Height
Border
Padding
Margin
Fixing IE
Position
Position Type
Setting the 2-D Position
Setting the 3-D Position
Tables
Lists
Cursor
Design Enhancements
Shadows
Rounded Corners
Outline
3. Speaking Like a Native
7. Designing with CSS
The Process: An Overview
Plan
Sketches
Page Flow
Wire Frames
Mood Boards
Visual Comps
Build
Cutting Chrome
The Style Guide
Prototype
Prototype: Writing Your CSS
Prototype: Organizing Your CSS
Prototype: Combining Style Sheets
All In One
Modular Library
Deploy
Alpha
Beta
Launch
Iterate
8. Layout
Structure
Head and Body
The HTML Framework for CSS
Adding CSS
Default Styles
Resetting Browser Default Styles
Setting Your Default Styles
The Grid
Rows
Columns
Sections
9. Typography
Font Choices
Core Web Fonts
Web-Safe Fonts
Downloadable Fonts
Fluid Typography
Choosing Typefaces
Styling Text
Headers
Paragraph and Block Quotes
Lists
10. Navigation
CSS Sprites
Links
Menus
Buttons
11. Chrome
Using Transparent Images
Fixing Transparent PNGs in IE6
Defining the Grid
Columns
Rows
Logos and Forms
Logos
Forms
Defining Sections
Alternate Version for Ads
Final Flourishes
12. The Last Word
CSS Validation
Designing for Web Standards?
CSS Frameworks
Creating Your Own CSS Frameworks
CSS for Other Media
Mobile Devices
Print
CSS Best Practices
General
Design
Coding
Optimizing
Appendixes
A. voxLibris Code
index.html
main.css
default.css
layout.css
navigation.css
chrome.css
B. CSS Values
Lengths
Pixels or Ems?
Fonts
URLs
Color
Color Opacity
C. Fixing Internet Explorer
Understanding Quirks
Fix 1: Doctype Switching
Fix 2: Conditional Styles
Fix 3: Underscore Hack
Common IE6 Issues
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
12. The Last Word
Next
Next Chapter
A. voxLibris Code
Part . Appendixes
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset