使用兩到三個樣式表進行網頁設計是一種很好的做法。 1.我們正在使用的框架, 2.主要樣式表 3.響應式樣式表,它將有媒體查詢。 如果我們將媒體查詢放入主樣式表中,它有什麼關係?性能有差異嗎?嵌入2個樣式表而非1個樣式表的優點和缺點是什麼?鏈接HTML中的CSS文件
0
A
回答
3
加載多個樣式表:
- 需要更多的HTML
- 需要更多的HTTP請求
除非你是經常變化的其中之一,你會總是在讓他們獲得更好的性能單個文件(此可能隨HTTP2更改)。
將它們放在單獨文件中的唯一好處是易於開發,但您應該在構建時將它們結合起來。
2
我會推薦使用CSS預處理器,比如LESS/SASS。
那些允許通過CSS額外的槓桿作用,提供額外的語法,提供很多的優點:
- 列表項
- 嵌套語法
- 能夠定義變量
- 能夠定義混入
- 數學函數
- 操作功能(如「變亮」和「變暗」)
- 加入多個文件和壓縮最終的結果
你可以閱讀更多關於此這裏:Advantages of preprocessors
相關問題
- 1. 將CSS鏈接到django .html文件中
- 2. HTML沒有鏈接到css文件
- 3. HTML未鏈接到CSS文件
- 4. Html/css:與實際鏈接不同的「下載鏈接文件...」
- 5. 在不同文件夾中鏈接html和css文件
- 6. 鏈接到/文件中的html文件
- 7. 鏈接HTML文件
- 8. 從CSS文件鏈接到CSS文件
- 9. HTML鏈接中的媒體查詢未鏈接到單獨的CSS文件
- 10. CSS鏈接到HTML
- 11. 將一個css文件鏈接到我的html文件
- 12. HTML文件將不會鏈接到我的CSS文件
- 13. 在cakephp中的webroot和鏈接html的css文件
- 14. 無法鏈接到HTML中的CSS文件
- 15. 鏈接到Django中的CSS文件HTML模板
- 16. HTML不會鏈接到Visual Studio中的CSS文件代碼
- 17. css未鏈接到codeignitor中的html文件
- 18. html無法鏈接的CSS
- 19. 鏈接到CodeIgniter中的Css文件
- 20. cakephp中的HTML文件的鏈接
- 21. CSS文件沒有鏈接
- 22. 鏈接CSS文件JSP
- 23. CSS鏈接文件,在IE
- 24. 爲鏈接CSS文件
- 25. CSS hack修改html鏈接文本?
- 26. CSS/HTML:禁用鏈接「懸停」文本
- 27. WebStorm鏈接到HTML中的.js文件
- 28. 超鏈接另一個HTML文件中的HTML文件
- 29. 處理html和css中的鏈接
- 30. 鏈接HTML和JS文件?
請限制你的問題一個目標的問題。請閱讀[問]並參加[導覽]瞭解更多關於什麼是一個好問題的信息。 –