body中設置屬性margin:0 auto但是效果沒有顯示

說明：練習rem+less+媒體查詢案例時，引入兩個css文件（index.css 和 normalize.css），在index.css文件中有設置body{margin: 0 auto},但是顯示結果如下：

 

發現body並沒有居中。

分析：通過瀏覽器的【開發者工具】中查看代碼，發現兩個css文件中都有對body的margin屬性，依次如下：

 

 頁面中引入情況如下：

 

問題原因：

因為css三大特性之一的層疊性----------------------后面的文件相同屬性覆蓋了前面的。

解決方案：

調換兩個css文件順序（在VS code中可以用Alt+↑快捷鍵）

 

 

 

 看一下，果然被覆蓋掉了，樣式也可以正常顯示了。

感想：css文件的層疊性太重要了，務必注意這個小細節。