商品簡介
本書的所有內容都是作者經過深入思考和探索後提煉出來的，知識點多且內容豐富，注重技術細節、經驗分享和解決問題的思路。本書的主要目標是幫助前端開發者突破CSS技能提升的瓶頸，非常適合具有一定CSS基礎的前端開發者閱讀。
作者簡介
“CSS新世界三部曲”（《CSS世界》《CSS選擇器世界》《CSS新世界》作者，前端開發工程師，國內知名前端博客“鑫空間-鑫生活”博主，目前就職於閱文集團用戶體驗設計部（YUX），擔任前端技術專家。他從2007年開始接觸前端，十多年來一直工作在前端開發一線，在HTML/CSS等與交互體驗關係密切的領域花了大量的時間學習和研究，有比較多的心得體會。
名人/編輯推薦
1.前端博客“鑫空間-鑫生活”博主張鑫旭十多年經驗沉澱，打造"CSS三部曲"終章。
2.CSS入門簡單，精通卻難，本書為CSS進階讀物，幫助前端工作者打破能力上升瓶頸。
3.本書講解CSS3.0及其之後版本的新特性，包含大量實戰案例，掃碼可獲在線Demo演示。
4.掃描二維碼在線體驗編程效果，代碼與效果一一對照。
5.專門的書籍論壇，配套官方網站，可與作者在線交流。
目次
第 1章 概述 1
1.1 CSS3出現的歷史和背景 1
1.2 模塊化的CSS新世界 2
第 2章 需要提前了解的知識 4
2.1 互通互聯的CSS數據類型 4
2.1.1 為什麼要關注CSS數據類型 4
2.1.2 幾個常見數據類型的簡單介紹 5
2.2 學會看懂CSS屬性值定義語法 7
2.2.1 學習CSS屬性值定義語法的好處 7
2.2.2 CSS屬性值定義語法詳解 8
2.3 了解CSS全局關鍵字屬性值 12
2.3.1 用過都說好的繼承關鍵字inherit 12
2.3.2 可以一用的初始值關鍵字initial 12
2.3.3 了解一下不固定值關鍵字unset 14
2.3.4 我個人很喜歡的恢復關鍵字revert 15
2.4 指代所有CSS屬性的all屬性 17
2.5 CSS新特性的漸進增強處理技巧 18
2.5.1 直接使用CSS新特性 18
2.5.2 利用屬性值的語法差異實現兼容 19
2.5.3 借助偽類或偽元素區分瀏覽器的技巧 21
2.5.4 @supports規則下的漸進增強處理 23
2.5.5 對CSS新特性漸進增強處理的總結 26
第3章 從增強已有的CSS屬性開始 28
3.1 貫穿全書的尺寸體系 28
3.1.1 從width:fit-content聲明開始 29
3.1.2 stretch、available和fill-available關鍵字究竟用哪個 32
3.1.3 深入了解min-content關鍵字 35
3.1.4 快速了解max-content關鍵字 39
3.2 深入了解CSS邏輯屬性 40
3.2.1 CSS邏輯屬性有限的使用場景 41
3.2.2 inline/block與start/end元素 43
3.2.3 width/height屬性與inline-size/block-size邏輯屬性 44
3.2.4 由margin/padding/border演變而來的邏輯屬性 44
3.2.5 text-align屬性支持的邏輯屬性值 45
3.2.6 最有用的CSS邏輯屬性inset 46
3.3 在CSS邊框上做文章 47
3.3.1 曇花一現的CSS多邊框 47
3.3.2 獨一無二的border-image屬性 47
3.3.3 border-image屬性與漸變邊框 57
3.4 position屬性的增強 60
3.4.1 深入了解sticky屬性值與黏性定位 61
3.4.2 position:sticky聲明的精彩應用—層次滾動 65
3.5 font-family屬性和@font-face規則新特性 66
3.5.1 system-ui等全新的通用字體族 66
3.5.2 local()函數與系統字體的調用 73
3.5.3 unicode-range屬性的詳細介紹 74
3.5.4 woff/woff2字體 75
3.5.5 font-display屬性與自定義字體的加載渲染 77
3.6 字符單元的中斷與換行 79
3.6.1 使用keep-all屬性值優化中文排版 80
3.6.2 break-all屬性值的問題和line-break屬性 81
3.6.3 hyphens屬性與連字符 83
3.6.4
3.6.5 overflow-wrap:anywhere聲明有什麼用 86
3.7 text-align屬性相關的新特性 88
3.7.1 match-parent等新屬性值 88
3.7.2 text-align屬性的字符對齊特性 89
3.8 text-decoration屬性全新升級 90
3.8.1 text-decoration屬性現在是一種縮寫 90
3.8.2 text-decoration屬性的累加特性 91
3.8.3 唯一實用的wavy波浪線 91
3.8.4 可能需要text-underline-position:under聲明 92
3.8.5 更需要text-underline-offset屬性 94
3.8.6 講一講text-decoration-skip屬性的故事 95
3.9 color屬性與顏色設置 97
3.9.1 148個顏色關鍵字 98
3.9.2 transparent關鍵字 99
3.9.3 currentColor關鍵字 100
3.9.4 RGB顏色和HSL顏色的新語法 101
3.10 必學必會的background屬性新特性 103
3.10.1 最實用的當屬background-size屬性 103
3.10.2 background屬性最成功的設計—多背景 108
3.10.3 background-clip屬性與背景顯示區域限制 110
3.10.4 background-clip:text聲明與漸變文字效果 111
3.10.5 background-origin屬性與背景定位原點控制 112
3.10.6 space和round平鋪模式 113
3.10.7 可以指定background-position的起始方位了 114
3.11 outline相關新屬性outline-offset 116
3.12 cursor屬性新增的手形效果 117
3.12.1 放大手形zoom-in和縮小手形zoom-out簡介 117
3.12.2 抓取手形grab和放手手形grabbing簡介 118
第4章 更細致的樣式表現 119
4.1 透明度控制屬性opacity 119
4.1.1 opacity屬性的疊加計算規則 119
4.1.2 opacity屬性的邊界特性與應用 120
4.2 深入了解圓角屬性border-radius 124
4.2.1 了解border-radius屬性的語法 124
4.2.2 弄懂圓角效果是如何產生的 126
4.2.3 border-radius屬性渲染border邊框的細節 127
4.2.4 border-radius屬性的高級應用技巧 129
4.3 box-shadow盒陰影 131
4.3.1 inset關鍵字與內陰影 131
4.3.2 不要忽略第四個長度值 133
4.3.3 多陰影特性與圖形繪制 134
4.3.4 box-shadow動畫與性能優化 137
4.4 CSS 2D變換 138
4.4.1 從基本的變換方法說起 138
4.4.2 transform屬性的若幹細節特性 141
4.4.3 元素應用transform屬性後的變化 144
4.4.4 深入了解矩陣函數matrix() 148
4.4.5 常常被遺忘的transform-origin屬性 152
4.4.6 scale()函數縮放和zoom屬性縮放的區別 153
4.4.7 了解全新的translate、scale和rotate屬性 154
4.5 簡單實用的calc()函數 155
4.5.1 關於calc()函數 155
4.5.2 了解min()、max()和clamp()函數 157
第5章 更強的視覺表現 160
5.1 CSS漸變 160
5.1.1 深入了解linear-gradient()線性漸變 160
5.1.2 深入了解radial-gradient()徑向漸變 165
5.1.3 了解conic-gradient()錐形漸變 170
5.1.4 重復漸變 173
5.2 CSS 3D變換 174
5.2.1 從常用的3D變換函數說起 174
5.2.2 必不可少的perspective屬性 176
5.2.3 用translateZ()函數尋找透視位置 177
5.2.4 指定perspective透視點的兩種寫法 178
5.2.5 理解perspective-origin屬性 179
5.2.6 transform-style:preserve-3d聲明的含義 180
5.2.7 backface-visibility屬性的作用 180
5.2.8 值得學習的旋轉木馬案例 182
5.2.9 3D變換與GPU加速 184
5.3 CSS過渡 184
5.3.1 你可能不知道的transition屬性知識 185
5.3.2 了解三次貝塞爾時間函數類型 188
5.3.3 transition與visibility屬性的應用指南 190
5.4 CSS動畫 192
5.4.1 初識animation屬性 193
5.4.2 @keyframes規則的語法和特性 194
5.4.3 動畫命名與
5.4.4 負延時與實時播放效果 198
5.4.5 reverse和alternate關鍵字的區別和應用 200
5.4.6 動畫播放次數可以是小數 203
5.4.7 forwards和backwards屬性值究竟是什麼意思 204
5.4.8 如何暫停和重啟CSS動畫 207
5.4.9 深入理解steps()函數 209
5.4.10 標簽嵌套與動畫實現的小技巧 212
第6章 全新的布局方式 214
6.1 分欄布局 214
6.2 彈性布局 224
6.3 網格布局 263
6.4 CSS Shapes布局 308
第7章 不同設備的適配與響應 317
7.1 @media規則 317
7.2 環境變量函數env() 328
7.3 rem和vw單位與移動端適配最佳實踐 330
7.4 使用touch-action屬性控制設備的觸摸行為 335
7.5 image-set()函數與多倍圖設置 337
第8章 CSS的變量函數var()與自定義屬性 340
8.1 CSS變量的語法、特性和細節 340
8.2 CSS自定義屬性的設置與獲取 348
8.3 使用content屬性顯示CSS自定義屬性值的技巧 349
8.4 CSS變量的自定義語法技術簡介 350
第9章 文本字符處理能力的升級 354
9.1 文字的美化與裝飾 354
9.2 文字的旋轉與閱讀方向 365
9.3 文本字符的尺寸控制 370
9.4 文字渲染與字體呈現 374
9.5 字體特征和變體 382
9.6 可變字體 395
第 10章 圖片等多媒體的處理 402
10.1 圖片和視頻元素的內在尺寸控制 402
10.2 使用image-orientation屬性糾正圖片的方向 406
10.3 image-rendering屬性與圖像的渲染 408
10.4 不常用的圖像類型函數 411
第 11章 更絢麗的視覺表現 415
11.1 深入了解CSS濾鏡屬性filter 416
11.2 姐妹花濾鏡屬性backdrop-filter 429
11.3 深入了解CSS混合模式 433
11.4 混合模式屬性background-blend-mode 448
11.5 使用isolation: isolate聲明隔離混合模式 454
第 12章 更豐富的圖形處理 457
12.1 超級實用的CSS遮罩 457
12.2 同樣實用的CSS剪裁屬性clip-path 478
12.3 -webkit-box-reflect屬性與倒影效果的實現 492
12.4 使用offset屬性實現元素的不規則運動 496
第 13章 用戶行為與體驗增強 508
13.1 滾動行為相關 508
13.2 點擊行為相關 519
13.3 拉伸行為相關 521
13.4 輸入行為相關 523
13.5 選擇行為相關 524
13.6 打印行為相關 527
13.7 性能增強 532
第 14章 SVG元素的CSS控制 541
14.1 使用CSS屬性直接繪制SVG圖形 541
14.2 CSS屬性下的填充設置 545
14.3 CSS屬性下的描邊設置 550
14.4 CSS屬性下的標記設置 555
第 15章 Houdini是CSS新的未來嗎 564
15.1 了解CSS Paint API 564
15.2 了解CSS Properties & Values API 568
15.3 了解CSS Parser API 570
15.4 詳細了解CSS Layout API 571
15.5 快速了解CSS Typed OM 577
15.6 簡單了解Animation Worklet 578
15.7 了解Font Metrics API 579
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大，除封面破損、內頁脫落等較嚴重的狀態，其餘商品將正常出貨。
特別提醒：部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。
無現貨庫存之簡體書，將向海外調貨：
海外有庫存之書籍，等候約45個工作天;
海外無庫存之書籍，平均作業時間約60個工作天，然不保證確定可調到貨，尚請見諒。
為了保護您的權益，「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨，請在商品鑑賞期內寄回，且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。