是<style> inside body supported by the majority of browsers

Question

我確實犯了一個愚蠢的錯誤，我在正文中放置了一個樣式標簽，以便真正清楚它對頁面的哪個部分進行了樣式設置。

我的問題是：我可以讓它這樣還是將它移到頭部真的很重要，以確保大多數主要瀏覽器都能正確顯示頁面？

我知道它應該進入頭腦，但我們談論的是 100 個文件，如果大多數主要瀏覽器都支持這一點，我估計它不值得。

Answer 1

它會起作用，但這不是最佳實踐。 理想情況下，如果您想包含內聯樣式/非渲染阻塞 CSS，請嘗試在關閉 head 標記之前包含該標記。

Answer 2

是的，它受支持。 但是最好不要直接在 HTML 標簽內部使用，而是使用 CSS 文件：

https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps

如果你有很多相似的元素，你想要使用相同的樣式，你應該使用一個單獨的 CSS 文件，並在你的 HTML 中使用 class/id 標簽，並在 HTML 文件中調用它。

查看來自 mozilla 開發的一些建議：

https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Organizing