Book description
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
Publisher resources
Table of contents
- Preface
-
1. Basic Visual Formatting
- Basic Boxes
- Altering Element Display
-
Inline Elements
- Line Layout
- Basic Terms and Concepts
- Inline Formatting
- Inline Nonreplaced Elements
- Building the Boxes
- Vertical Alignment
- Managing the line-height
- Scaling Line Heights
- Adding Box Properties
- Changing Breaking Behavior
- Glyphs Versus Content Area
- Inline Replaced Elements
- Adding Box Properties
- Replaced Elements and the Baseline
- Inline-Block Elements
- Run-in Elements
- Computed Values
- Summary
Product information
- Title: Basic Visual Formatting in CSS
- Author(s):
- Release date: August 2015
- Publisher(s): O'Reilly Media, Inc.
- ISBN: 9781491929919
You might also like
book
Padding, Borders, Outlines, and Margins in CSS
The ability to apply margins, borders, and padding to any web page element is one of …
book
Pro CSS3 Layout Techniques
Discover the freshest cutting-edge layout tools found within CSS3 and hone the skills you'll need to …
book
CSS Floating
While flowing text around images is certainly nothing new, with CSS you can float any element, …
book
Using SVG with CSS3 and HTML5
Using Scalable Vector Graphics (SVG) for illustrations only scratches the surface of this format’s potential on …