商品描述
Come on a tour of "modern" CSS in 2020. This example-driven book demonstrates the concepts by showing code examples, screenshots, and diagrams to help clearly communicate the information.
You'll start with the very basics of CSS: box model, colors, selectors and combinators, and specificity. Then gradually move through more intermediate topics - styling text, positioning, Z-index and stacking contexts, gradients, borders, and then to more advanced topics such as transforms, transitions, animations, flexbox, and CSS grid. Some features are only available in modern browsers (Chrome, Edge, Safari, and Firefox), but information about IE11 compatibility is included where possible.
There is a lot of discussion about how hard CSS is, and how intimidated some people are by it, but it doesn't have to be this way. Modern CSS uses a logical and understandable approach to break down and clearly explain the ins and outs of CSS.
What You'll Learn
- Work with the syntax of CSS selectors and calculate specificity
- Use styling techniques, fonts and text styling
- Review custom properties (variables)
- Explore the different ways an element can be transformed
- Use animating elements with CSS transitions
- Position elements using Flexbox layout
- Understand the basics of responsive design
Who This Book Is For
Anyone who has some experience with HTML, and some CSS, but might not be familiar with some of the newer concepts like flexbox or grid. Also, those looking for a refresher in those areas.
商品描述(中文翻譯)
來參加2020年「現代」CSS的巡禮。本書以範例為主，通過展示程式碼範例、截圖和圖表來幫助清晰地傳達資訊。
您將從CSS的基本概念開始：盒模型、顏色、選擇器和組合器，以及特異性。然後逐步進入更中級的主題 - 文字樣式、定位、Z-index和堆疊上下文、漸層、邊框，接著是更高級的主題，如變形、過渡、動畫、flexbox和CSS grid。有些功能僅在現代瀏覽器（Chrome、Edge、Safari和Firefox）中可用，但在可能的情況下會包含IE11的相容性資訊。
有很多關於CSS有多難的討論，以及一些人對它感到多麼畏懼，但不必如此。 現代CSS採用邏輯且易於理解的方法來分解並清楚解釋CSS的各個方面。
您將學到什麼
- 使用CSS選擇器的語法並計算特異性
- 使用樣式技術、字型和文字樣式
- 回顧自定義屬性（變數）
- 探索元素可以被轉換的不同方式
- 使用CSS過渡來動畫化元素
- 使用Flexbox佈局來定位元素
- 理解響應式設計的基本概念
本書適合誰
任何對HTML有一定經驗，並且對CSS有一些了解，但可能不熟悉一些較新概念如flexbox或grid的人。此外，也適合那些希望在這些領域進行複習的人。
作者簡介
Joe Attardi is a software engineer specializing in front-end development. He has over 15 years' experience working with JavaScript, HTML, and CSS, and has worked extensively with front-end technologies such as Angular and React. He currently works at Salesforce, and has worked in the past with companies such as Dell and Nortel. He is also the author of Using Gatsby and Netlify CMS (Apress, 2020). He lives in the Boston area with his wife and son. You can find him on Twitter at @JoeAttardi.
作者簡介(中文翻譯)
Joe Attardi 是一位專注於前端開發的軟體工程師。他擁有超過 15 年的 JavaScript、HTML 和 CSS 工作經驗，並且在 Angular 和 React 等前端技術方面有廣泛的工作經歷。他目前在 Salesforce 工作，過去曾在 Dell 和 Nortel 等公司任職。他也是 Using Gatsby and Netlify CMS（Apress, 2020）的作者。他與妻子和兒子居住在波士頓地區。您可以在 Twitter 上找到他，帳號是 @JoeAttardi。
