瀏覽器的 HTML 元素預設 CSS:綜合指南
瀏覽器將預設 CSS 屬性指派給 HTML 元素,有時會導致意外或不良行為。了解這些預設樣式對於控制和自訂網頁的外觀至關重要。
在哪裡可以找到瀏覽器預設 CSS
HTML 元素的預設 CSS 會因瀏覽器而異。您可以在以下位置找到它們:
-
Firefox (Gecko): https://dxr.mozilla.org/mozilla-central/source/layout/style/ res/ html.css
-
Safari (WebKit): https://github.com/WebKit/WebKit/blob/main/Source/WebCore/css/html.css
-
Chrome(閃爍): https://github.com/ chromium/chromium/blob/main/third_party/blink/renderer/core/html/resources/html.css
-
Internet Explorer (三叉戟)(舊版):https://web.archive.org/web/2017012223926/http://www.iecss.com/
保留基本預設屬性
雖然CSS 重設可以消除預設樣式,但它們也可能會刪除所需的屬性。若要保留特定特徵,請考慮使用部分重設解決方案,例如HTML5 Boilerplate 或normalize.css:
-
HTML5 Boilerplate: https://github.com/h5bp/ html5-boilerplate
-
Normalize.css: https://github.com/necolas/normalize.css/blob/master/normalize.css
這些工具有選擇地標準化顯示屬性,同時保留基本功能,例如在Chrome 中反白顯示輸入框。
其他資源
-
瀏覽器開發工具:大多數瀏覽器包含開發者工具,讓您可以檢查和修改預設樣式。
-
CSS 特異性計算器:計算 CSS 選擇器的特異性並了解它們如何覆蓋預設樣式。
-
我可以使用: 檢查瀏覽器對 HTML 元素和 CSS 屬性的支持,包括預設樣式。
以上是什麼是瀏覽器預設 CSS 樣式以及如何管理它們?的詳細內容。更多資訊請關注PHP中文網其他相關文章!