相關主題
商品描述
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.
商品描述(中文翻譯)
網格佈局規範將很快改變您對網站設計的方法,但仍然有很多用途可以使用 CSS 定位技巧。無論您想要創建保持在視口(瀏覽器窗口)中的側邊欄,將黏性區段標題添加到列表或長文章中,還是重疊一個元素與另一個元素,這本簡明的電子書將專業地指導您完成所有主要的 CSS 定位類型。
這本書是即將發行的《CSS: The Definitive Guide》第四版的一部分。當您購買《Positioning in CSS》的印刷版或電子版時,一旦《Definitive Guide》發行,您將獲得整本書的折扣。為什麼等待呢?讓您的網頁立即活躍起來吧。
您將學到以下技巧:
- 使用「絕對定位」將元素從文檔中移除,但保持其新位置仍然在文檔流中。
- 使用「固定定位」將元素(如頁首或側邊欄)固定在視口的一個固定位置。
- 使用「相對定位」保留元素的形狀和其在文檔中所佔的空間。
- 使用「黏性定位」使文檔的標題根據滾動條條件選擇性地保持靜止。
Eric A. Meyer 是一位作家、演講者、博客作者、偶爾的教師,也是 An Event Apart 的聯合創始人。他是 Web 和網絡標準的二十年老手,曾是 W3C 層疊樣式表工作組的成員,也是 O'Reilly 的《CSS: The Definitive Guide》的作者。