2015-10-08 63 views
0

使用兩到三個樣式表進行網頁設計是一種很好的做法。 1.我們正在使用的框架, 2.主要樣式表 3.響應式樣式表,它將有媒體查詢。 如果我們將媒體查詢放入主樣式表中,它有什麼關係?性能有差異嗎?嵌入2個樣式表而非1個樣式表的優點和缺點是什麼?鏈接HTML中的CSS文件

+0

請限制你的問題一個目標的問題。請閱讀[問]並參加[導覽]瞭解更多關於什麼是一個好問題的信息。 –

回答

3

加載多個樣式表:

  • 需要更多的HTML
  • 需要更多的HTTP請求

除非你是經常變化的其中之一,你會總是在讓他們獲得更好的性能單個文件(此可能隨HTTP2更改)。

將它們放在單獨文件中的唯一好處是易於開發,但您應該在構建時將它們結合起來。

2

我會推薦使用CSS預處理器,比如LESS/SASS。

那些允許通過CSS額外的槓桿作用,提供額外的語法,提供很多的優點:

  • 列表項
  • 嵌套語法
  • 能夠定義變量
  • 能夠定義混入
  • 數學函數
  • 操作功能(如「變亮」和「變暗」)
  • 加入多個文件和壓縮最終的結果

你可以閱讀更多關於此這裏:Advantages of preprocessors