金魚都能懂的CSS 選取器 - 博客來

目前斜槓路亞釣魚技能與生態研究中。

連續2年在iT邦幫忙鐵人賽獲得兩個冠軍一個佳作冠軍金魚都能懂的網頁設計入門- 金魚都能 ... 選擇語言 English 繁體中文 简体中文 :::相關網站 博客來 售票網 企業採購 福利平台 海外專館 :::會員服務|快速功能 0結帳 您好 ( 登出 )     登入     加入會員 購物金 購物金 0 儲值金 0 E-Coupon 0 張 單品折價券 0 張 OP點數兌換 會員專區 電子書櫃 線上客服 繁體 關閉廣告 展開廣告 回博客來首頁 客服公告：反詐騙！提醒您「不碰ATM、網銀，不說信用卡資料」詳情 移動滑鼠展開全站分類 :::全站分類 全站分類 :::網站搜尋 全部 展開 全部 圖書 電子書 有聲書 訂閱 影音 百貨 雜誌 售票 海外專館 快速到貨 禮物卡 搜尋 熱門關鍵字 裴洛西訪台 逆思維 原子少年 我所看見的未來 中文書 兒童暑期閱讀 新書 預購 排行榜 選書 即將出版 特價書 香港出版 讀者書評 出版社專區 分類總覽 博客來中文書電腦資訊網頁開發設計HTML/CSS商品介紹 看大圖 !上頁 下頁 試閱 金魚都能懂的CSS選取器：金魚都能懂了你還怕學不會嗎（iT邦幫忙鐵人賽系列書） 已追蹤作者：[ 修改 ] 確定 取消 作者：李建杭(Amos)   新功能介紹出版社：博碩   新功能介紹出版日期：2020/07/08語言：繁體中文 定價：560元 優惠價：9折504元本商品單次購買10本85折476元 使用購物金最高可抵100% 詳情 1點OPENPOINT可兌換1點購物金，1點購物金可抵1元，實際點數依您帳戶為準。

如何獲得OPENPOINT點數？如何兌換購物金？詳見OPENPOINT說明 查詢我的購物金？登入會員專區 運送方式：臺灣與離島海外 可配送點：台灣、蘭嶼、綠島、澎湖、金門、馬祖可取貨點：台灣、蘭嶼、綠島、澎湖、金門、馬祖台北、新北、基隆宅配快速到貨(除外地區) 可配送點：全球可取貨點：香港、澳門、新加坡、馬來西亞、菲律賓 載入中... 我要寫評鑑 分享 上頁下頁   內容簡介 ☛☛☛☛☛☛☛台灣第一本CSS選取器！！！☚☚☚☚☚☚☚ 　　本書內容改編自第11屆iT邦幫忙鐵人賽，ModernWeb組冠軍網路系列文章《金魚都能懂的CSS選取器-金魚都能懂了你還怕學不會嗎》，源於太多的網頁新手對CSS選取器不熟練，而市面上也缺乏專門探討CSS選取器的資源與項目。

本書一方面能提供讀者對CSS選取器有更進一步的整理與思考；二方面讓廣大的網頁新手或老手們，有個便利查詢與了解的地方。

　　在網頁的世界中，有太多對新手不友善的因素，不管是教學文章的敘述方式、專有名詞的應用、學習章節的安排、或舉例與引導過程等，Amos為了解決這問題，便開始了「金魚都能懂」的系列教學，希望能用最淺顯易懂的教學與講解方式，帶領眾新手們，在新手村中學好學滿，自信滿滿地踏出新手村。

　　必看！學習路徑懶人包---CSS選取器學習地圖 　　➠新手必學的CSS選取器 　　➠入門進階者必學的CSS選取器 　　➠提升效率必學的CSS選取器 　　➠多國語言網站必學的CSS選取器 　　➠技能探究者必學的CSS選取器 　　《金魚都能懂的CSS選取器》有別於一般的書籍，這本書的閱讀方式你可以從一開始就照順序閱讀，也可以直接跳不同章節閱讀，更可以按照「必看！學習路徑懶人包---CSS選取器學習地圖」中的分類建議來閱讀，又或者是當作字典來跳章節學習，不管使用哪一種閱讀方式，對各位來說，全部學完是必要的喔，這樣才能彈性運用在工作上，開發效益絕對翻倍。

讀者好評 　　「看了金魚系列，讓我對HTML的觀念更加清楚，再閱讀其他文章或官方文件能夠更快解讀。

而熟悉後再回來看，又會有新的發現！很多觀念在重複閱讀後更加精粹，更加精實。

」------張潪榤 　　「從0→1建立穩固觀念，讓你遇到任何版型都能自行推導，而不是只會照抄老師教過的範例，誠心推薦給網頁新手。

」------shika 　　「老師的課程除了扎實的語法講解以外，最珍貴的就是老師的思考方式以及實戰經驗。

切版時常常會想起老師的防衛性切版，思考每個地方有可能會遇到的更動，該如何撰寫較有彈性，便於調整與修改。

」------Lai 　　「以前的學習是死背方式，當遇到版面變化就會卡住出現BUG。

金魚系列每篇簡短卻是字字珠璣、紮紮實實的基本功！一篇篇導引我學習正確觀念、推導邏輯。

每段的學習、複習讓我在網頁切版的細節上更加紮實（感謝金魚系列讓我遇到好講師及一起學習的夥伴，也讓我換到新工作）。

」------凱特 　　「CSS是個看似簡單實質卻有很多「眉角」的技術。

Amos老師學習CSS的方式，正是自己跌跌撞撞習得的，也因為這樣的過程，老師很清楚新手學習CSS會遇到的瓶頸到底有哪些，因此在教學的同時，自然而然的會強調那些必須注意的細節，人家說魔鬼藏在細節裡大概就是這樣的道理了！」------王泉富     作者介紹 作者簡介 李建杭(AmosLi) 　　一個熱血的斜槓開發者，過去從事視覺設計師，後來轉職成為前端工程師，同時也是國內知名的前端技術講師及技術研討會講者，熟稔HTML&CSS、Bootstrap、RWD、CSS3等，2018年起開始成為YouTuber，致力於使用簡單易懂的方式讓新手學習前端網頁製作相關技術。

目前斜槓路亞釣魚技能與生態研究中。

　　連續2年在iT邦幫忙鐵人賽獲得兩個冠軍一個佳作 　　冠軍　金魚都能懂的網頁設計入門-金魚都能懂了你還怕學不會嗎 　　冠軍　金魚都能懂的CSS選取器-金魚都能懂了你還怕學不會嗎 　　佳作　金魚都能懂的網頁切版-金魚都能懂了你還怕學不會嗎 　　部落格 　　csscoke.com/ 　　臉書粉絲專頁 　　www.facebook.com/cssCoke/ 　　Line生活圈 　　使用Line搜尋「@CSScoke」即可找到     目錄 01CSS入門 1-1CSS選取器是什麼？怎麼用？它能做些什麼事？ 關於網頁的組成 CSS選取器與其它技術的搭配 CSS選取器的基本組成與作用 CSS選取器能做什麼？ 1-2學習CSS選取器為何如此重要 1-3超重要的CSS優先權 基本CSS優先權規則 進階CSS優先權 優先權總結 02基本類型CSS選取器 2-1Tag元素選取器―最常用到的基本設定選取器 CSS標籤選取器的設定方式 實際範例一：Reset瀏覽器預設值 實際範例二：統一網站視覺外觀 2-2CSS類別選取器―切版與前端框架最常使用的CSS選取器 class的語法外觀 CSSclass名稱規則 CSSclass命名方法 2-3ID選取器―程式設計最常用到的CSS選取器 CSSID選取器特性與規則 瀏覽器對ID的處理不同調 ID選取器的實際應用 ID選取器的效能迷思 我到底要不要使用ID選取器 2-4CSS群組式宣告―每個開發者必學的選取方式 使用群組式宣告的重點與誤區 實務上面的應用狀況 實際範例一：多欄版面製作 2-5CSS組合式宣告―新手開發從這裡開始進步 舉個生活一點的例子 CSS組合式宣告實務應用面 實際範例一：設定超連結 實際範例二：設定文繞圖 實際範例三：凸顯作用中的項目 2-6CSS層疊式宣告―快速選到特定元素內的物件 暗藏毒藥的層疊式選取器 瀏覽器對CSS的選取流程與疑惑 層疊選取器寫幾層最好 2-7CSS通用選取器―你我都該熟知的老朋友 在那個瀏覽器的戰國時代 什麼都選！什麼都設定！什麼都長一樣！ 開發者的覺醒 星號本無罪，只是被濫用 2-8CSS屬性選取器―選取自由度超高的選取器 選取【擁有特定屬性】的物件 選取屬性值【完全等於】特定文字的物件 選取屬性值【開頭等於】特定文字的物件 選取屬性值【結尾等於】特定文字 選取屬性值中【包含特定文字】的物件 選取屬性值中【包含特定單字】的物件 選取屬性值【開頭等於特定文字或包括-號】的物件 實際應用 實際範例一：強迫更改頁面廣告區塊 2-9親代選取器―妹妹選取器與鞭炮串選取器 「+」號之跟屁蟲選取器 「~」連接號之弟弟妹妹一起來選取 實際範例一：變色的區塊 實際範例二：表單選取變色 2-10子代選取器―一個不會讓你株連九族的選取器 美好的？還是具風險的？ CSS汙染是什麼 實際範例一：多層選單 03偽元素 3-1::before&::after―無中生有的偽元素選取器 沒了會死，有了更精彩 有哪些貨，通通給我拿出來 你這個中看不中用的XX 特別注意事項 3-2::first-line首行選取器―低調到不行的選取器 3-3::selection選取狀態偽元素―讓你沒有選擇困難 設定的彈性 那些不常用到的值 實際應用 04CSS偽類選取器 4-1何謂偽類選取器 偽類選取器的特性 偽類的子分類 4-2常用於超連結的動態偽類選取器―網頁互動變豐富 點擊一個超連結要經過多少動作 不是所有人都會用滑鼠 過程的順序 佛克斯的應用 4-3:checked表單狀態選取器―讓你可以開開關關好開勳 特性應用發想 製作一個動態改變色彩的清單 更多範例 4-4:lang語言偽類選取器―多長的單字都不煩惱 :lang應用 太長的困擾 太長了？用hyphens斬斷吧 4-5:first-letter首字選取器―玩轉首字設計的好功能 首字放大的問題 更多的應用 4-6:empty空值選取器―比谷關的空氣更乾淨的選取器 實際範例：動態欄數 實際範例：顯示缺貨 4-7:not()否定選取器―一個搞排擠的選取器 學:not()選取器要腦袋轉一下 你想不到應用的地方是你的問題 選取第一個以外的項目 選取站外連結的超連結 選取沒有加註alt資訊的圖片 把不是特定class的項目隱藏 4-8:first-child&:last-child頭尾選取器―有頭有尾有始有終的選取器 重點在順序 實務應用 4-9:first-of-type&:last-of-type首項分類與尾首分類選取器―一個不會讓你看錯男女的選取器 實務應用 4-10:only-child獨子選取器―這是啥媽寶選取器 獨子的概念 到底可用在哪裡 4-11:only-of-type類型獨子選取器 你可能會誤會 4-12:nth-child()&:nth-last-child()―你覺得燒腦但其實根本不燒腦的選取器 選取奇數與偶數 選取特定單一物件 間隔跳位選取物件 間隔選取原理 公式分解前段 公式分解後段 公式變化 實際應用與計算技巧 表格色彩的應用 4-13:nth-of-type()&:nth-last-of-type()―你覺得燒腦但其實根本不燒腦的選取器趴兔 選取奇數與偶數 選取特定單一物件 間隔跳位選取物件 間隔選取原理 實際應用與計算技巧 文章頁面前言的應用 4-14:disabled&:enabled表單用偽類選取器―一眼看穿那些不能按的按鈕 實際應用 4-15:required&:optional選取器―必填的欄位看這邊 實際範例：使用選取器標示必填欄位 4-16:valid&:invalid選取器―資料格式的糾察員 有效與無效的資料格式 實際應用：預先檢查欄位資料正確性的表單 4-17:in-range&:out-of-range選取器―你太超過囉 不是只有上限還有下限 實際範例：提示購買規則 4-18:read-only選取器―唯讀啦就是不給你改 實際範例：讓唯讀欄位不顯示為表單外觀 4-19::placeholder選取器―你就醬子寫啦 實際範例：提醒使用者尚未填寫的欄位 4-20:focus-within焦點選取器―誰的孩子一清二楚 :focus-within與:focus的差異 實際範例：自動滑開的表單 4-21:root根目錄選取器―變幻莫測的應用 :root的好朋友CSSvariables CSS變數的使用方式 建立變數 套用變數 CSS區域變數的特性 全域變數跟區域變數我該怎麼選擇 05CSS未來 5-1可預見的CSS未來 5-2還有哪些CSS選取器 5-3後記   看更多   詳細資料 ISBN：9789864344994規格：平裝/256頁/17x23x1.28cm/普通級/全彩印刷/初版出版地：台灣 本書分類：電腦資訊>網頁開發設計>HTML/CSS 會員評鑑 TOP 會員評鑑等級 ，共 1 位評分。

我要寫評鑑 感謝您為本商品發表您的看法，這是專屬於博客來會員的發表園地。

看更多書評請前往【讀者書評】專區 全部(1) 良好(1) 普通(0) 極差(0) 無評鑑(0) 最近瀏覽商品  相關活動   購物說明 若您具有法人身份為常態性且大量購書者，或有特殊作業需求，建議您可洽詢「企業採購」。

  退換貨說明  會員所購買的商品均享有到貨十天的猶豫期（含例假日）。

退回之商品必須於猶豫期內寄回。

  辦理退換貨時，商品必須是全新狀態與完整包裝(請注意保持商品本體、配件、贈品、保證書、原廠包裝及所有附隨文件或資料的完整性，切勿缺漏任何配件或損毀原廠外盒)。

退回商品無法回復原狀者，恐將影響退貨權益或需負擔部分費用。

  訂購本商品前請務必詳閱商品退換貨原則。

  同類商品新上架 1. APCS完全攻略：從新手到高手，C語言解題必備! 2. 網路行銷的12堂關鍵必修課：UI/UX‧行動支付‧成長駭客‧社群廣告‧SEO‧網紅直播‧人工智慧‧元宇宙‧GoogleAnalytics 3. OCP：JavaSE11Developer認證指南(上)-物件導向設計篇 4. 實戰UX工作現場|創造更有價值的產品與服務 5. 超實用!Word.Excel.PowerPoint辦公室Office必備50招省時技(2016/2019/2021) 本類新品熱銷 1. 髮之神技：超人氣插畫家Paryi教你畫出美少女輕柔秀髮 2. Python初學特訓班(第五版)：從快速入門到主流應用全面實戰(附500分鐘影音教學/範例程式) 3. 自學首選！零基礎絕美角色電繪技法：從電繪基礎、線稿到上色詳解，讓專業繪師幫你奠定繪圖基礎 4. Python：股票×ETF量化交易回測102個活用技巧 5. 開發者傳授PyTorch秘笈 本類暢銷榜 1. 網頁美編的救星！零基礎也能看得懂的HTML&CSS網頁設計 2. 最完整跨平台網頁設計：HTML+CSS+JavaScript+jQuery+Bootstrap+GoogleMaps王者歸來(第二版)(全彩印刷) 3. 金魚都能懂的CSS必學屬性：網頁設計必備寶典（iT邦幫忙鐵人賽系列書） 4. 你的地圖會說話？WebGIS與JavaScript的情感交織（iT邦幫忙鐵人賽系列書） 5. ASP.NETCore6實戰守則：超易懂的跨平台開發入門教學(iT邦幫忙鐵人賽系列書) 訂閱電子報 想獲得最新商品資訊，請訂閱免費電子報 關於我們 關於博客來 關於PCSC 隱私權政策 服務條款 人才募集 利害關係人專區 會員服務 加入會員 新手上路 會員分級 訂閱電子報 24小時隔日取貨 行動博客來 切換行動版 合作提案 企業採購 福利平台 加入供應商 AP策略聯盟 異業合作 客服中心 查詢帳號密碼 客服信箱 客服中心Q&A 線上客服 好站連結 OKAPI 閱讀生活誌 青春博客來 售票網 博客來Youtube 博客來粉絲團 得獎認證 天下雜誌2017金牌服務大賞 2016新世代最嚮往企業 SSL憑證服務 數位時代2012年台灣網站100強 電子發票推廣標章 dpmark資料隱私保護標章 數位時代2011台灣電子商務TOP50強 行政院環保署B2C網購包裝減量標章。

包裝減量。

環保材質。

循環包材。

客戶服務專線：02-26535588傳真：02-27885008服務時間：週一~五8:00~19:00，週六~日、例假日9:00~18:00，365天全年無休 博客來數位科技股份有限公司地址：臺灣115台北市南港區八德路四段768巷1弄18號B1之1  食品業者登錄字號：A-196922355-00000-9 Copyright©since1995books.com.twAllRightsReserved.