Normalize.css 樣式作用,及使用方法


http://www.jscwwd.com/article/5e52895e552a8e2bf45d3d65

Normalize.css 是?

Normalize.css 是一個可以定制的CSS文件,它讓不同的瀏覽器在渲染網頁元素的時候形式更統一。

Normalize.css只是一個很小的css文件,但它在磨人的HTML元素樣式上提供了跨瀏覽器的高度一致性。
相比於傳統的CSS reset,Normalize.css是一種現代的、為HTML5准備的優質替代方案。總之,Normalize.css是一種CSS reset的替代方案。

 Normalize.css 能干什么?

  • 保留有用的默認值,不同於許多 CSS 的重置

  • 標准化的樣式,適用范圍廣的元素。

  • 糾正錯誤和常見的瀏覽器的不一致性。

  • 一些細微的改進,提高了易用性。

  • 使用詳細的注釋來解釋代碼。 

支持的瀏覽器:

  • Google Chrome (latest)

  • Mozilla Firefox (latest)

  • Mozilla Firefox ESR

  • Opera (latest)

  • Apple Safari 6+

  • Internet Explorer 8+

 

Normalize.css到底有什么用

  • 不同的瀏覽器在對於CSS沒有定義的一些樣式屬性是不一樣的,
  • 比如沒有在自己的CSS里面規定超鏈接有沒有下划線的時候,有些瀏覽器有,有些瀏覽器沒有;
  • 再比如有一些瀏覽器規定的超鏈接默認顏色是藍色,有一些又是黑色。
  • 而這個CSS的功能就是對幾乎所有的默認樣式進行重置,讓所有的瀏覽器上對於未定義的樣式瀏覽效果達到一致
  • (雖然說無法完全一致,但至少可以消除掉大部分差距)
  • 當然如果你自己的CSS已經對默認樣式進行了重置,不使用它也是可以的。
Normalize.css 是模塊化的
這個項目已經被拆分為多個相關卻又獨立的部分,這使得你能夠很容易也很清楚地知道哪些元素被設置了特定的值。因此這能讓你自己選擇性地移除掉某些永遠不會用到的部分(比如表單的一般化)。
可以用import導入;
那我同時link兩個css的話,會不會有沖突?

我使用Normalize.css是為了像你所說的對幾乎所有的默認樣式進行重置,讓所有的瀏覽器上對於未定義的樣式瀏覽效果達到一致,那我再link我自己的style.css是不是也可以在他的基礎上達到我的效果?

解釋:把Normalize.css里面的所有內容放在自己的style.css的最上面,那樣如果有沖突的話,寫在后面的CSS設置默認是會覆蓋掉寫在前面的


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM