幫助中心 | 我的帳號 | 關於我們
進階搜尋
car

同類熱銷排行榜

最近瀏覽的商品

CSS選擇器世界(第2版)

  • 作者：張鑫旭|責編:劉雅思
  • 出版社：人民郵電
  • ISBN：9787115609311
  • 出版日期：2023/04/01
  • 裝幀：平裝
  • 頁數：249
人民幣：RMB 69.8 元      售價：元
放入購物車
加入收藏夾
內容大鋼
    CSS選擇器是CSS世界的支柱，撐起了整個精彩紛呈的CSS世界。本書專門介紹CSS選擇器的相關知識。在本書中，作者結合多年從業經驗，在CSS基礎知識之上，充分考慮前端開發人員的開發需求，以CSS選擇器的基本概念、優先順序、命名、best實踐以及各偽類選擇器的適用場景為技術主線，為CSS開發人員介紹有競爭力的知識和技能。本書在第1版的基礎上，對選擇器的特性、兼容性等相關內容進行了更新，並介紹了新增的選擇器。此外，本書配有專門的網站，用以進行實例展示和問題答疑。
    作為一本CSS進階書，本書非常適合有一定CSS基礎的前端開發人員學習和參考。
作者介紹
張鑫旭|責編:劉雅思
    張鑫旭，前端開發工程師，國內知名前端博客「鑫空間-鑫生活」博主，目前就職于閱文集團用戶體驗設計部（YUX），擔任技術經理。2007年開始接觸前端，10年來一直工作在前端開發一線，在HTML/CSS等與交互體驗關係密切的領域花了大量的時間學習和研究，有比較多的心得體會。
目錄
第1章  概述
  1.1  為什麼CSS選擇器很強
  1.2  CSS選擇器世界的一些基本概念
    1.2.1  選擇器、選擇符、偽類和偽元素
    1.2.2  CSS選擇器的作用域
    1.2.3  CSS選擇器的命名空間
  1.3  無效CSS選擇器的特性與實際應用
第2章  CSS聲明的優先順序
  2.1  繼承與級聯
    2.1.1  優先順序的底層——繼承
    2.1.2  優先順序的中樞——級聯
  2.2  詳解@layer規則
    2.2.1  @layer規則解決的問題
    2.2.2  掌握@layer規則的語法
    2.2.3  使整個CSS變成@layer
    2.2.4  @layer規則的嵌套
  2.3  叛逆的!important
    2.3.1  !important與層級跨越
    2.3.2  !important的逆向越級
  2.4  CSS選擇器的優先順序
    2.4.1  同等級CSS優先順序規則概覽
    2.4.2  CSS選擇器優先順序的計算規則
    2.4.3  256個選擇器的越級現象
    2.4.4  為什麼按鈕：hover變色了
第3章  CSS選擇器的命名
  3.1  CSS選擇器是否區分大小寫
  3.2  CSS選擇器命名的合法性
規範與更多字元的合法性
  3.3  CSS選擇器的命名是一個哲學問題
    3.3.1  長命名還是短命名
    3.3.2  單命名還是組合命名
    3.3.3  面向屬性的命名和面向語義的命名
    3.3.4  我是如何命名的
  3.4  CSS選擇器設計的最佳實踐
    3.4.1  不要使用ID選擇器
    3.4.2  不要嵌套選擇器
    3.4.3  不要歧視面向屬性的命名
    3.4.4  正確使用狀態類名
    3.4.5  工具帶來的變化
    3.4.6  最佳實踐匯總
第4章  入門必學的選擇器
  4.1  標籤選擇器
    4.1.1  標籤選擇器二三事
    4.1.2  特殊的標籤選擇器：通配選擇器
  4.2  類選擇器
    4.2.1  類選擇器脫穎而出的原因
    4.2.2  類選擇器的其他小知識
  4.3  ID選擇器
第5章  精通CSS選擇符
  5.1  後代選擇符——空格()

    5.1.1  對CSS後代選擇符可能的錯誤認識
    5.1.2  對JavaScript中後代選擇符可能的錯誤認識
    5.1.3  ：scope偽類
  5.2  子選擇符——箭頭(＞)
    5.2.1  子選擇符和後代選擇符的區別
    5.2.2  適合使用子選擇符的場景
  5.3  相鄰兄弟選擇符——加號(+)
    5.3.1  相鄰兄弟選擇符的相關細節
    5.3.2  實現類似：first-child偽類的效果
    5.3.3  眾多高級選擇器技術的核心
  5.4  隨後兄弟選擇符——波浪線(?)
    5.4.1  隨後兄弟選擇符和相鄰兄弟選擇符的區別
    5.4.2  如何實現前面兄弟選擇符的效果
  5.5  快速了解列選擇符——雙管道(Ⅱ)
第6章  被低估的屬性選擇器
  6.1  屬性值匹配選擇器逐漸興起
  6.2  屬性值直接匹配選擇器
    6.2.1  詳細了解4種選擇器
    6.2.2  AMCSS開發模式簡介
  6.3  屬性值正則匹配選擇器
    6.3.1  詳細了解3種選擇器
    6.3.2  CSS屬性選擇器搜索過濾技術
  6.4  忽略屬性值大小寫的正則匹配運算符
第7章  常見交互行為的實現
  7.1  ：hover偽類與懸停交互開發
    7.1.1  體驗優化與：hover延時
    7.1.2  非子元素的：hover顯示
    7.1.3  純：hover顯示浮層的體驗問題
  7.2  使用：active偽類實現點擊反饋
    7.2.1  ：active偽類概述
    7.2.2  按鈕的通用：active樣式技巧
    7.2.3  ：active偽類與CSS數據上報
  7.3  聚焦行為偽類：focus與用戶體驗
    7.3.1  ：focus偽類匹配機制
    7.3.2  ：focus偽類與outline輪廓
    7.3.3  CSS:focus偽類與鍵盤無障礙訪問
  7.4  非常實用的整體焦點偽類：focus-within
    7.4.1  ：focus-within偽類和：focus偽類的區別
    7.4.2  ：focus-within偽類實現無障礙訪問的下拉列表
  7.5  鍵盤焦點偽類：focus-visible
    ：focus-visible偽類的作用及背景變化
第8章  通過樹結構偽類匹配元素
  8.1  ：root偽類
    8.1.1  ：root偽類匹配的究竟是什麼
    8.1.2  ：xoot偽類的應用場景
  8.2  要多使用：empty偽類
    8.2.1  對：empty偽類可能存在的誤解
    8.2.2  超實用超高頻使用的：empty偽類
  8.3  比較實用的子索引偽類
    8.3.1  ：first-child偽類和：last-child偽類

    8.3.2  給力的：only-child偽類
    8.3.3  ：nth-child()偽類和：nth-last-child()偽類
  8.4  匹配類型的子索引偽類
    8.4.1  ：first-of-type偽類和：last-of-type偽類
    8.4.2  ：only-of-type偽類
    8.4.3  ：nth-of-type()偽類和：nth-last-of-type()偽類
第9章  不容小覷的邏輯組合偽類
  9.1  務必掌握的否定偽類：not()
    告別重置，全部交給：not()偽類
  9.2  不要小看任意匹配偽類：is()
    9.2.1  ：is()偽類與：matches()偽類及：any()偽類之間的關係
    9.2.2  ：is()偽類的語法和兩大作用
    9.2.3  ：is()偽類在Vue等框架中的妙用
  9.3  實用的優先順序調整偽類：where()
  9.4  姍姍來遲的關聯偽類：has()
第10章  鏈接與錨點開發相關的偽類
  10.1  鏈接歷史偽類：link和：visited
    10.1.1  深入理解：1ink偽類
    10.1.2  怪癖最多的CSS偽類：visited
  10.2  值得關注的超鏈接偽類：any-1ink
    :any-link偽類相比于：link偽類的優點
  10.3  實用卻很少使用的目標偽類：target
    10.3.1  ：target偽類與錨點
    10.3.2  ：target偽類交互布局技術簡介
  10.4  了解目標容器偽類：target-within
  10.5  了解鏈接匹配偽類：1oca1-1ink
第11章  表單開發相關的偽類
  11.1  輸入控制項狀態
    11.1.1  可用狀態偽類：enabled與禁用狀態偽類：disabled
    11.1.2  讀寫特性偽類：read-only和：read-write
    11.1.3  佔位符顯示偽類：placeholder-shown
    11.1.4  使用：autofi11偽類自定義自動填充樣式
    11.1.5  默認選項：default偽類
  11.2  輸入值狀態
    11.2.1  實用的選中選項偽類：checked
    11.2.2  有用的不確定值偽類：indeterminate
  11.3  輸入值驗證
    11.3.1  掌握有效性驗證偽類：valid和：invalid
    11.3.2  熟悉範圍驗證偽類：in-range和：out-of-range
    11.3.3  熟悉可選性偽類：required和：optional
    11.3.4  了解用戶交互偽類：user-valid和：user-invalid
    11.3.5  簡單了解空值偽類：b1ank
  11.4  表單元素專用偽元素
    11.4.1  使用::placeholder偽元素改變佔位符的樣式
    11.4.2  使用::file-selectox-button偽元素匹配文件選擇輸入框的按鈕
第12章  Web Components開發中的選擇器
  12.1  使用：defined偽類判斷組件是否初始化
    12.1.1  普通元素的：defined適配規則
    12.1.2  Safari不支持內置自定義元素的處理
  12.2  使用：host偽類匹配Shadow樹根元素

  12.3  使用偽類：host()匹配Shadow樹根元素
  12.4  Shadow樹根元素上下文匹配偽類：host-context()
  12.5  使用::part偽元素穿透Shadow DOM元素::part偽元素對元素也是有效的
第13章  音視頻開發中的選擇器
  13.1  音視頻元素各種狀態的匹配
    13.1.1  使用：playing偽類、：paused偽類和：seeking偽類匹配播放狀態
    13.1.2  載入狀態偽類：buffering和：stalled
    13.1.3  聲音控制偽類::muted和：volume-locked
  13.2  視頻字幕樣式的控制
    13.2.1  使用::cue偽元素控制字幕的樣式
    13.2.2  了解：current、：past和：future這些時間維度的偽類
第14章  語言和文字相關的選擇器
  14.1  了解語言相關的偽類
    14.1.1  方向偽類：dix()
    14.1.2  語言偽類：1ang()
  14.2  全新的文字相關的偽元素
    14.2.1  ::maxk偽元素簡介
    14.2.2  使用::target-text偽元素高亮錨定的文字
    14.2.3  使用::spelling-error偽元素和::grammar-error偽元素高亮拼寫和語法錯誤
第15章  元素特殊顯示狀態匹配偽類
  15.1  了解模態層匹配偽類：modal
  15.2  了解全屏相關的偽類：fullscreen
  15.3  了解畫中畫偽類：picture-in-picture
  15.4  使用::backdrop偽元素改變底部蒙層

  • 商品搜索：
  • | 高級搜索
首頁│ 新手上路│ 客服中心│ 關於我們│ 聯絡我們│ Top↑│
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話：02-2381-2033 02-2381-1863　時間：週一-週五 10:00-17:00
　服務信箱：bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證：浙B2-20060032