網頁FOUC問題導致網頁混亂的解決方法

DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 網頁FOUC問題導致網頁混亂的解決方法

網頁FOUC問題導致網頁混亂的解決方法

編輯：前端技巧

FOUC是文檔樣式短暫失效(Flash of Unstyled Content),簡稱為FOUC。簡單地說，就是指css樣式最後才加載出來渲染html。因此會先看到混亂的網頁，再看到正常的頁面。

出現的原因就很容易推測出：

1、css文件加載放到了html文檔末；
2、使用了@import導入css

解決方案：

在<head>標簽裡面引用<link>CSS.

上一頁:輸入自動提示搜索提示功能的樣式文件:suggestion.css
下一頁:對div盒子模型使用心得總結

前端技巧

jquery獲得下拉列表選中值和文本: 頁面的下拉列表：選擇時間段： <select na
編寫Web前端代碼的注意事項小結: 1.　最好在html標簽之前添加一句類似於　　<!DOCTYPE HTML PUBLIC &
網頁設計風格是不是越簡單越好？: 原文地址：http://www.webdesignfromscratch.com/web-2.0-d

前端技巧關於網頁技巧 WEB前端代碼網頁特效代碼

DIV CSS 佈局教程網

相關文章