CSS in Depth, Second Edition (Keith J. Grant)（Z-Library）

Author： Keith J. Grant

To create web designs that delight, entertain, and impress your users, you need to know CSS in depth! Getting good—really good—at CSS means learning everything that CSS is capable of. This totally revised new edition of CSS in Depth expands your CSS skills with the patterns, layouts, and methods you need to deliver truly beautiful front ends. In CSS in Depth, Second Edition you will learn how to: • Create a web page with layout methods • Develop essential website components, like dropdown menus and dialog boxes • Make your website fully responsive across devices • Organize your CSS for easy future maintenance • Implement designer mockups with attention to detail • Use animations to guide user focus • Avoid common CSS pitfalls The more you know about CSS, the more confident you’ll be at tackling any tricky website design! CSS in Depth has given thousands of web developers the tools and the inspiration to make sites that really pop. This second edition is packed with the latest best practices, new CSS language features, and essential advice on how to organize and maintain your CSS codebase. About the book CSS in Depth, Second Edition, deep dives into the CSS techniques used by the world’s most skilled web developers. Inside, you’ll learn how to build and organize a modular CSS codebase that’s easy to understand, maintain, and reuse. This new edition is fully revised to cover the CSS standard’s latest additions, including cascade layers, logical properties, new color functions, subgrid, and container queries. About the reader Written for web developers who know the basics of CSS and HTML. About the author Keith J. Grant is a Principal Software Engineer at Red Hat, where he works on front-end code for the Ansible Controller web application using JavaScript and CSS. The technical editor on this book was Chris Chinchilla.

AI Reading Assistant

Whole-book reading guide from stratified index samples; jump to passages in the text

Generate book guide

Help cover token costs

Tip the Site

Support this site Your recognition and a small knowledge-service contribution help keep this technical work open source. Scan the WeChat Pay or Alipay code below. Logged-in and guest visitors can both tip.

Open WeChat or Alipay and scan. No login required.

Brief outline

【One-Line Pitch】 To create web designs that delight, entertain, and impress your users, you need to know CSS in depth! Getting goo… 【Book Arc】 - **Opening (~0%–12%)**: 书名: CSS in Depth, Second Edition (Keith J.; In the meantime, I needed to find a real career. - **Early (~12%–35%)**: That’s because source order affects the cascade.; In these cases, the order of the values is significant. - **Middle (~35%–65%)**: It is placed outside the border, overlapping the margin.; eral tools you can use to control the layout of a web page. - **Late (~65%–88%)**: After this happens a few times, it’s anybody’s guess what the z-index for another new component should be.; es come in a wide array of sizes. - **Ending (~88%–100%)**: You can add the variant class to the mod- ule’s main div (making it div class "media media--right" ).; Similarly, the .body selector has a specific- ity of 0,1,0. 【Key Takeaways】 - **书名: CSS in Depth, Seco…** (Opening): 书名: CSS in Depth, Second Edition (Keith J. - **In the meantime** (Opening): In the meantime, I needed to find a real career. - **selector scope or impo…** (Opening): selector scope or importance? - **That’s because source…** (Early): That’s because source order affects the cascade. - **In these cases** (Early): In these cases, the order of the values is significant. - **designers are often mo…** (Early): designers are often more familiar with the use of points, 2.3 Stop thinking in pixels 45 than the inherited font size. 【Reading Tips】 - Use Passage locations below to jump into the text and set reading anchors - If this is a brief outline, click Regenerate (top right) for a synthesized guide 【Coverage Limits】 Compressed outline without the model (~33 index chunks). Full structured guide needs AI available.

Passage locations

Excerpt 1

s Chinchilla. M A N N I N G SECOND EDITION Keith J. Grant Foreword by Chris Coyier viii CONTENTS 1.5 Progressive enhancement 29 Using the cascade for progres...

View in text

Excerpt 2

ous. In these cases, the order of the values is significant. It’s important to understand this order for the shorthand properties you use. TOP, RIGHT, BOTTOM...

View in text

Excerpt 3

mp() functions. GETTING RESPONSIVE WITH THE CALC() FUNCTION The calc() function lets you do basic arithmetic with two or more values. This is par- ticularly...

View in text

Excerpt 4

7 Main area with a flex layout applied to the white tiles 4.3 Flex direction 109 unless something else forces the height of the flex container to a specific...

View in text

Excerpt 5

A modal dialog appears in front of other content. Figure 6.1 A modal dialog box Typically, you’ll use a modal dialog to require the user to read something or...

View in text

Excerpt 6

t way to do this. Similarly, a grid layout with auto-fit or auto-fill grid columns will determine how many items will fit in a row before wrap- ping to a new...

View in text

Excerpt 7

dules layer, is where the bulk of your styles should reside. This chapter is about organizing that layer into man- ageable, modular pieces of code. 238 248 C...

View in text

Excerpt 8

st way to set both values: container: layout / inline-size; With this container defined on the page, you can use @container to query its width and then style...

View in text

Ask

Collapse guide