CSS創意項目實踐 瑪蒂娜.道登 邁克爾.基隆 9787302659808 【台灣高等教育出版社】
圖書均為代購，正常情形下，訂後約兩周可抵台。
物品所在地：中國大陸
原出版社：清華大學
物品所在地：中國大陸
原出版社：清華大學
NT$623
商品編號:
供貨狀況:
尚有庫存
加入最愛
此商品 「 最高 」可以折抵紅利
0
點
(約等於 NT$0 )
商品介紹
| *完成訂單後正常情形下約兩周可抵台。 *本賣場提供之資訊僅供參考，以到貨標的為正確資訊。 印行年月：202405*若逾兩年請先於私訊洽詢存貨情況，謝謝。 台灣(台北市)在地出版社，每筆交易均開具統一發票，祝您中獎最高1000萬元。 書名：CSS創意項目實踐 ISBN：9787302659808 出版社：清華大學 著編譯者：瑪蒂娜.道登 邁克爾.基隆 頁數：336 所在地：中國大陸 *此為代購商品 書號：1642061 可大量預訂，請先連絡。 內容簡介 不要局限於製作平淡無奇的網頁！藉助CSS，你可以掌控色彩、布局和排版，讓網頁不僅功能出眾，還富有美感。對於前端開發者和設計師來說，CSS是一項必須掌握的技能。本書將幫助你以正確的方式入門，邁出堅實的第一步。 本書將引導你完成12個CSS創意項目，並幫助你逐步提升CSS技能。每個有趣的挑戰都以可下載的HTML框架開始。你將運用自己的設計理念來完善它們，並在探索過程中逐漸掌握CSS中的關鍵概念，包括過渡效果、布局和表單樣式等。你還將深入研究一些強大的特性，如Flexbox和網格布局。你從本書中學到的所有技能都可以輕鬆應用到大型應用程序中。學完本書後，你將收穫一系列炫酷的作品，可隨時將其用於你的下一個項目。 主要內容： 利用關鍵幀創建動畫； 使用網格和Flexbox等布局技巧； 對錶單元素進行樣式化，包括單選按鈕； 嵌入字體以及與排版相關的樣式； 利用偽元素和媒體查詢進行條件樣式化。作者簡介 邁克爾·基隆（Michael Gearon）是一位來自英國威爾士的用戶體驗設計師和前端開發人員。他在南威爾士大學取得了媒體技術學士學位，同時不斷進行編碼和設計實踐。之後，Michael與英國知名品牌合作，包括Go Compare和Ageas。他目前在政府數字服務領域工作，之前曾在Companies House擔任職務。目錄 第1章 CSS介紹1 1 CSS概述 1 1 1 關注點分離 1 1 2 什麼是CSS 1 2 通過創建文章布局開始學習CSS 1 3 向HTML添加CSS 1 3 1 內聯CSS 1 3 2 嵌入式CSS 1 3 3 外部CSS 1 4 CSS中的層疊 1 4 1 用戶代理樣式表 1 4 2 作者樣式表 1 4 3 用戶樣式表 1 4 4 CSS重置 1 4 5 標準化器 1 4 6 !important註釋 1 5 CSS中的特異性 1 6 CSS選擇器 1 6 1 基本選擇器 1 6 2 組合器 1 6 3 偽類選擇器和偽元素選擇器 1 6 4 屬性值選擇器 1 6 5 通用選擇器 1 7 編寫CSS的不同方式 1 7 1 簡寫屬性 1 7 2 格式化 1 8 本章小結 第2章 使用CSS網格設計布局 2 1 CSS網格 2 2 顯示網格 2 3 網格軌道和線條 2 3 1 重複列 2 3 2 minmax()函數 2 3 3 auto關鍵詞 2 3 4 分數(fr)單位 2 4 網格模板區域 2 4 1 grid-area屬性 2 4 2 gap屬性 2 5 媒體查詢 2 6 無障礙性考慮因素 2 7 本章小結 第3章 製作響應式動畫載入界面 3 1 設置 3 2 SVG基礎 3 2 1 SVG元素的位置 3 2 2 視口 3 2 3 視圖框 3 2 4 SVG中的形狀 3 3 對SVG應用樣式 3 4 在CSS中為元素添加動畫效果 3 4 1 關鍵幀和動畫名稱 3 4 2 duration屬性 3 4 3 iteration-count屬性 3 4 4 動畫的簡寫屬性 3 4 5 animation-delay屬性 3 4 6 transform-origin屬性 3 5 無障礙性和prefers-reduced-motion媒體查詢 3 6 對HTML進度條進行樣式設置 3 6 1 對進度條進行樣式設置 3 6 2 為-webkit-瀏覽器的進度條設置樣式 3 6 3 樣式化-moz-瀏覽器的進度條 3 7 本章小結 第4章 創建響應式新聞網站布局 4 1 設置主題 4 1 1 字體 4 1 2 font-weight屬性 4 1 3 字體的簡寫屬性 4 1 4 視覺層次結構 4 1 5 內聯元素與塊級元素 4 1 6 引號樣式 4 2 使用CSS計數器 4 2 1 symbols描述符 4 2 2 system描述符 4 2 3 後綴描述符 4 2 4 全面總結 4 2 5 @counter與list-style-image 4 3 對圖像進行樣式設置 4 3 1 使用filter屬性 4 3 2 處理載入失敗的圖片 4 3 3 格式化圖像標題 4 4 使用CSS多列布局模塊 4 4 1 創建媒體查詢 4 4 2 對列進行定義和樣式化 4 4 3 使用column-rule屬性 4 4 4 使用column-gap屬性調整間距 4 4 5 使內容跨越多個列 4 4 6 控制內容的分割 4 5 添加最後的潤色 4 5 1 文本兩端對齊和斷詞 4 5 2 使文本環繞在圖像周圍 4 5 3 將max-width和margin的值設置為auto 4 6 本章小結 第5章 懸停互動的摘要卡片 5 1 開始項目 5 2 使用網格進行頁面布局 5 2 1 使用網格布局 5 2 2 媒體查詢 5 3 使用background-clip屬性對標題進行樣式化 5 3 1 設置字體 5 3 2 使用background-clip 5 4 對卡片進行樣式化 5 4 1 外部卡片容器 5 4 2 內部容器及其內容 5 5 在懸停和焦點內狀態下使用過渡效果 5 6 本章小結 第6章 製作個人資料卡片 6 1 開始項目 6 2 設置CSS自定義屬性 6 3 創建全高度背景 6 4 使用Flexbox對卡片進行樣式化 6 5 美化和放置頭像圖片 6 5 1 object-fit屬性 6 5 2 負邊距 6 6 設置背景大小和位置 6 7 對內容進行樣式化 6 7 1 姓名和職務 6 7 2 space-around和gap屬性 6 7 3 flex-basis和flex-shrink屬性 6 7 4 flex-direction屬性 6 7 5 段落 6 7 6 flex-wrap屬性 6 8 對動作進行樣式化 6 9 本章小結 第7章 充分利用浮動特性 7 1 添加首字下沉效果 7 1 1 行距 7 1 2 對齊方式 7 1 3 第一個字母 7 2 對引文進行樣式化 7 3 讓文本環繞羅盤圖片 7 3 1 添加shape-outside：circle屬性 7 3 2 添加裁剪路徑 7 3 3 使用border-radius創建形狀 7 4 使文本環繞小狗圖像 7 4 1 關於path()的使用 7 4 2 浮動圖像 7 4 3 添加shape-margin 7 5 本章小結 第8章 設計結賬購物車 8 1 開始項目 8 2 主題設計 8 2 1 排版設計 8 2 2 鏈接和按鈕 8 2 3 輸入文本框 8 2 4 表格 8 2 5 描述列表 8 2 6 卡片 8 3 移動端布局 8 3 1 表格移動端視圖 8 3 2 描述列表 8 3 3 調用動作的鏈接 8 3 4 內邊距、外邊距以及外邊距摺疊 8 4 中等尺寸屏幕的布局 8 4 1 右對齊的數字 8 4 2 使前兩列左對齊 8 4 3 使輸入文本框中的數字右對齊 8 4 4 單元格內邊 詳細資料或其他書籍請至台灣高等教育出版社查詢，查後請於PChome商店街私訊告知ISBN或書號，我們即儘速上架。 |
