If you're a web designer or app developer interested in sophisticated page styling, improved accessibility, and less time and effort expended, this book is for you. This revised fifth edition provides a comprehensive guide to CSS implementation along with a thorough review of the latest CSS specifications. Authors Eric Meyer and Estelle Weyl show you how to improve user experience, speed development, avoid potential bugs, and add life and depth to your applications through layout, transitions and animations, borders, backgrounds, text properties, and many other tools and techniques. We read the specs so you don't have to! This guide covers: Selectors, specificity, and the cascade, including information on the new cascade layers New and old CSS values and units, including CSS variables and ways to size based on viewports Details on font technology and ways to use any available font variants Text styling, from basic decoration to changing the entire writing mode Padding, borders, outlines, and margins, now discussed in terms of the new block- and inline-direction layout paradigm used by modern browsers Colors, backgrounds, and gradients, including the conic gradients Accessible data tables Flexible box and grid layout systems, including new subgrid capabilities 2D and 3D transforms, transitions, and animation Filters, blending, clipping, and masking Media, feature, and container queries

While flowing text around images is certainly nothing new, with CSS you can float any element, from images to paragraphs to lists. In this practical guide, author Eric Meyer reveals some interesting-and surprising-ways to use CSS floats in your web design, including the latest capability to flow content past non-rectangular float shapes. Short and sweet, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of CSS Floating, you'll receive a discount on the entire Definitive Guide once it's released. Why wait? Learn how to bring life to your web pages now. Learn the characteristics of floated elements, and CSS rules for using them Be aware of certain rule exceptions when applying floats to your design, including the use of negative margins Use the clear property to prevent floats from affecting elements in the next section of the document Create floating boxes in non-rectangular shapes, including rounded corners, circles, ellipses, and even polygons Define float shapes with transparent or opaque images

Present information in stunning new ways by transforming CSS elements in two- and three-dimensional space. Whether you're rotating a photo, doing some interesting perspective tricks, or creating an interface that lets you reveal information on an element's backside, this practical guide shows you how to use them to great effect. Short and sweet, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Transforms in CSS, you'll receive a discount on the entire Definitive Guide once it's released. Why wait? Learn how to bring life to your web pages now. Create interesting combinations of 2D transforms and fully 3D-acting interfaces Learn two types of coordinate systems used in CSS transforms: the Cartesian coordinate system and the spherical system Use the transform property to translate, scale, rotate, and skew an element Create the illusion of depth by adding perspective to an element-or one perspective to a group of elements Reveal the back of an element with the backface-visibility property

The Grid Layout spec will soon change your approach to website design, but there will still be plenty of uses for CSS positioning tricks. Whether you want to create sidebars that remain in the viewport (browser window), add sticky section headings to lists or long articles, or overlap one element with another, this concise ebook will expertly guide you through all the main CSS positioning types. Short and deep, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Positioning in CSS, you'll receive a discount on the entire Definitive Guide once it's released. Why wait? Make your web pages come alive today. You'll learn how to: Remove an element from a document but keep its new position part of the document's flow with absolute positioning Keep an element like a masthead or sidebar in one fixed position in the viewport with fixed positioning Preserve an element's shape and the space it occupied in the document with relative positioning Make a document's headers selectively stay still in response to scrolling conditions with sticky positioning Eric A. Meyer is an author, speaker, blogger, sometime teacher, and co-founder of An Event Apart. He's a two-decade veteran of the Web and web standards, a past member of the W3C's Cascading Style Sheets Working Group, and the author of O'Reilly's CSS: The Definitive Guide.

The ability to apply margins, borders, and padding to any web page element is one of the things that sets CSS so far above traditional markup. With this practical guide, you will not only learn how to use these properties to lay out your document, but also how to change and control the appearance of any element on the page.Short and sweet, this short book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Padding, Borders, Outlines, and Margins in CSS, you'll receive a discount on the entire Definitive Guide once it's released. Why wait? Learn how to bring life to your web pages nowThe ability to apply margins, borders, and padding to any web page element is one of the things that sets CSS so far above traditional markup. With this practical guide, you will not only learn how to use these properties to lay out your document, but also how to change and control the appearance of any element on the page.Short and sweet, this short book is an excerpt from the upcoming fourth edition ofCSS: The Definitive Guide. When you purchase either the print or the ebook edition of Padding, Borders, Outlines, and Margins in CSS, you'll receive a discount on the entire Definitive Guide once it's released. Why wait? Learn how to bring life to your web pages now.Understand the CSS box model, including the way different properties relate to one anotherUse tricks for defining padding values, including inline element paddingExplore border width, style, and color, plus the use of border imagesLearn how to use outlines: presentational elements that won't affect layoutDive into the use of margins, including the way top and bottom margins collapse

Isn't table layout something web designers want to avoid? Yes, but rather than use tables for layout, this book is about the ways that tables themselves are laid out by CSS, a process more complicated than it appears. This concise guide takes you on a deep dive into the concepts necessary for understanding CSS and tables in your web layout, including table formatting, cell alignment, and table width. Short and deep, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Table Layout in CSS, you'll receive a discount on the entire Definitive Guide once it's released. Why wait? Make your web pages come alive today. You'll explore: Formatting-learn how elements such as display values, anonymous objects, and table layers relate to each other when you assemble CSS tables Cell border appearance-understand two distinct approaches (the separated model and the collapsed model) that govern how (or if) borders merge Table sizing-determine table width by using either a fixed- or automatic-width layout, and learn how heights are calculated

Some aspects of the CSS formatting model may seem counterintuitive at first, but as you'll learn in this practical guide, the more you work with these features, the more they make sense. Author Eric Meyer gives you a good grounding in CSS visual rendering, from element box rules and concepts to the specifics of managing tricky layouts for block-level and inline elements. Short and sweet, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Basic Visual Formatting in CSS, you'll receive a discount on the entire Definitive Guide once it's released. Why wait? Learn how to bring life to your web pages now. Learn the details of element box types, including block, inline, inline-block, list-item, and run-in boxes Change the type of box an element generates, from inline to block, or list-item to inline Dive into the complexities of horizontal and vertical block-box formatting Explore key concepts of inline layout: anonymous text, em box, content area, leading, inline box, and line box Understand formatting differences between nonreplaced and replaced inline elements

One advantage of using CSS3 is that you can apply colors and backgrounds to any element in a web document, create your own gradients, and even apply multiple backgrounds to the same element. This practical guide shows you many ways to use colors, backgrounds, and gradients to achieve some pretty awesome effects. Short and sweet, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Colors, Backgrounds, and Gradients, you'll receive a discount on the entire Definitive Guide once it's released. Why wait? Learn how to bring life to your web pages now. Define foreground colors for a border or element with the color property Combine foreground and background colors to create interesting effects Position and repeat one or more images in an element's background Fix an image to a screen's viewing area, rather than to the element that contains it Use color stops to define vertical, horizontal, and diagonal linear gradients Create spotlight effects, circular shadows, and other effects with radial gradients

Exactly how does the "cascade" in Cascading Style Sheets work? This concise guide demonstrates the power and simplicity of CSS selectors for applying style rules to different web page elements. You'll learn how your page's presentation depends on a multitude of style rules and the complex ways they function - and sometimes collide - within the document's structure. This guide is a chapter from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Selectors, Specificity, and the Cascade, you'll receive a significant discount on the entire Definitive Guide when it's released. Why wait when you can learn how to use selectors and other key CSS 3 features right away? Learn how to create CSS rules that apply to a large number of similar elements Group rules to make style sheets smaller and download times faster Understand how elements inherit styles from their parents Discover how reader and browser preferences affect your page presentation Examine specificity - the method browsers use to choose between two conflicting style rules Get a handle on how specificity and inheritance combine to form the cascade Get details on all of the CSS3 selectors