開發人員工具提示:發掘 CSS 問題
bookmark_borderbookmark
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
您是否曾經試著將 CSS 套用至元素,但卻無法正常運作?
您可以使用 Chrome 開發人員工具,一覽 CSS 問題、進行偵錯及測試。
請觀看這部影片,瞭解「Elements」 >「Styles」窗格如何標示各種 CSS 問題:
使用者代理程式樣式表
更多偵錯提示:
- 使用「樣式」窗格中的篩選器,專注於您感興趣的單一屬性。
- 使用「計算」窗格,查看所有Cascade勝出者及其計算值。
- 在「計算」窗格中展開屬性,然後點選連結,在「樣式」窗格中找出來源。
如要進一步瞭解開發人員工具標示 CSS 問題的所有方式,請參閱「找出無效、已覆寫、未啟用和其他 CSS」。
如要進一步瞭解 CSS,請參閱「學習 CSS」一文。
如要瞭解如何建立外觀優美且適用於所有使用者的網站,請參閱回應式設計學習指南。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2023-02-23 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2023-02-23 (世界標準時間)。"],[],[]]