CSS Pocket Reference

CSS Pocket Reference

Eric A. Meyer

Language: English

Pages: 258

ISBN: 1449399037

Format: PDF / Kindle (mobi) / ePub

When you're working with CSS and need a quick answer, CSS Pocket Reference delivers. This handy, concise book provides all of the essential information you need to implement CSS on the fly. Ideal for intermediate to advanced web designers and developers, the 4th edition is revised and updated for CSS3, the latest version of the Cascading Style Sheet specification. Along with a complete alphabetical reference to CSS3 selectors and properties, you'll also find a short introduction to the key concepts of CSS.

Based on Cascading Style Sheets: The Definitive Guide, this reference is an easy-to-use cheatsheet of the CSS specifications you need for any task at hand. This book helps you:

  • Quickly find and adapt the style elements you need
  • Learn how CSS3 features complement and extend your CSS practices
  • Discover new value types and new CSS selectors
  • Implement drop shadows, multiple backgrounds, rounded corners, and border images
  • Get new information about transforms and transitions

Code Craft: The Practice Of Writing Excellent Code

Beginning iPhone 4 Development: Exploring the iOS SDK

CSS3: The Missing Manual (3rd Edition)

The Edison Gene: ADHD and the Gift of the Hunter Child

Modular Java: Creating Flexible Applications with Osgi and Spring (Pragmatic Programmers)

Social Capital (Key Ideas)














them all. This is reminiscent of float layout when multiple floats cannot fit next to one another, though the mechanism is not exactly the same. Examples: div#gallery {box-lines: multiple;} Note: This property is from the 2009 version of the Flexible Box specification. It is expected to be deprecated by a new version of the specification, and potentially retired from browsers some time after. Name box-ordinal-group Values: Initial value: 1 Applies

*:lang(ar) {direction: rtl;} Name display CSS2.1 values: none | inline | block | inline-block | list-item | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption CSS3 values: none | inline | block | inline-block | list-item | run-in | compact | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column |

Arial, sans-serif;} li {font-family: Times, TimesNR, "New Century Schoolbook", serif;} pre {font-family: Courier, "Courier New", "Andale Mono", Monaco, monospace;} Name font-size Values: xx-small | x-small | small | medium | large | x-large | xx-large | smaller | larger | | Initial value: medium Applies to: All elements Inherited: Yes Percentages: Calculated with respect to the parent element’s font size Computed value: An

vertical offset, blur distance, and spread distance. When positive, the offset values go down and to the right; when negative, back and to the left. Positive spread values increase the size of the shadow and negative values contract it. Blur values cannot be negative. Examples: h1 {text-shadow: 0.5em 0.33em 4px 2px gray;} h2 {text-shadow: 0 −3px 0.5em blue;} Name text-transform Values: uppercase | lowercase | capitalize | none Initial value: none Applies to: All

permitted. Examples: .tel {voice-duration: 3s;} big {voice-duration: 10s;} Name voice-family Values: [, ]* Expansions: | [ ? ? ] child | young | old male | female | neutral Initial value: User agent–dependent Applies to: All elements Inherited: Yes Computed value: Same as declared value Description: Defines one or more voice

Download sample