| | | B CSS新世界 張鑫旭著 css進階HTML5 JavaScri頁制作web前端開發 | 該商品所屬分類:圖書 -> ε | 【市場價】 | 772-1120元 | 【優惠價】 | 483-700元 | 【出版社】 | 人民郵電出版社 | 【ISBN】 | 9787115562845 | 【折扣說明】 | 一次購物滿999元台幣免運費+贈品 一次購物滿2000元台幣95折+免運費+贈品 一次購物滿3000元台幣92折+免運費+贈品 一次購物滿4000元台幣88折+免運費+贈品
| 【本期贈品】 | ①優質無紡布環保袋,做工棒!②品牌簽字筆 ③品牌手帕紙巾
| |
版本 | 正版全新電子版PDF檔 | 您已选择: | 正版全新 | 溫馨提示:如果有多種選項,請先選擇再點擊加入購物車。*. 電子圖書價格是0.69折,例如了得網價格是100元,電子書pdf的價格則是69元。 *. 購買電子書不支持貨到付款,購買時選擇atm或者超商、PayPal付款。付款後1-24小時內通過郵件傳輸給您。 *. 如果收到的電子書不滿意,可以聯絡我們退款。謝謝。 | | | | 內容介紹 | |
出版社:人民郵電出版社 ISBN:9787115562845 商品編碼:10035348555539 叢書名:CSS新世界 出版時間:2021-08-01 代碼:130
"內容介紹 本書是“CSS世界三部曲”的*後一部。這是一本關於CSS的進階讀物,專門講CSS3及其之後版本的新特性。在本書中,作者結合自己多年的從業經驗,講解CSS基礎知識,並充分考慮前端*發者的需求,以CSS新特性的歷史背景為線索,去粗取精,注重細節,深入淺出地介紹了上百個CSS新特性。此外,作者專門還為本書開發了配套網站,用於書中實例效果的在線展示和問題答疑。 本書的所有內容都是作者經過深入思考和探索後提煉出來的,知識點多且內容豐富,注重技術細節、經驗分享和解決問題的思路。本書的主要目標是幫助前端*發者突破CSS技能提升的瓶頸,非常適合具有一定CSS基礎的前端*發者閱讀。 目錄 第 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 用過都說好的繼承關鍵字inherit12 2.3.2 可以一用的初始值關鍵字initial12 2.3.3 了解一下不固定值關鍵字unset14 2.3.4 我個人很喜歡的恢復關鍵字revert15 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/素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邏輯屬性inset46 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 與*確換行的控制85 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-offset116 3.12 cursor屬性新增的手形效果117 3.12.1 放大手形zoom-in和縮小手形zoom-out簡介117 3.12.2 抓取手形grab和放手手形grabbing簡介118 第4章 更細致的樣式表現119 4.1 透明度控制屬性opacity119 4.1.1 opacity屬性的疊加計算規則119 4.1.2 opacity屬性的邊界特性與應用120 4.2 深入了解圓角屬性border-radius124 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素應用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 動畫命名與 數據類型196 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.1.1 重點關注columns屬性215 6.1.2 column-gap和gap屬性的關繫217 6.1.3 了解column-rule、column-span和column-fill屬性218 6.1.4 分欄布局實現兩端對齊布局220 6.1.5 break-inside素斷點位置的控制221 6.1.6 box-decoration-break素斷點裝飾的控制222 6.2 彈性布局224 6.2.1 設置display:flex聲明發生了什麼226 6.2.2 flex-direction屬性與整體布局方向228 6.2.3 flex-wrap屬性與整體布局的換行表現229 6.2.4 熟練使用flex-flow屬性230 6.2.5 CSS全新的對齊特性綜述231 6.2.6 justify-content屬性與整體布局的水平對齊233 6.2.7 垂直對齊屬性align-items與align-self234 6.2.8 align-content屬性與整體布局的垂直對齊236 6.2.9 order屬性與單個子項的順序控制238 6.2.10 必讀:深入理解flex屬性238 6.2.11 應該在什麼時候使用flex:0/1/none/auto243 6.2.12 詳細了解flex-basis屬性與尺寸計算規則250 6.2.13 彈性布局*後一行不對齊的處理258 6.3 網格布局263 6.3.1 grid-template-columns和grid-template-rows屬性簡介264 6.3.2 了解網格布局專用單位fr269 6.3.3 詳細介紹minmax()和fit-content()函數271 6.3.4 repeat()函數的詳細介紹273 6.3.5 了解grid-template-areas屬性278 6.3.6 縮寫屬性grid-template279 6.3.7 了解grid-auto-columns和grid-auto-rows屬性282 6.3.8 深入了解grid-auto-flow屬性283 6.3.9 縮寫屬性grid286
^_^:55dbecb90cbcab044f2bd9cc4f237498
" | | | | | |