什么是FOUC?如何避免FOUC?

FOUC:浏览器样式闪烁,如果使用@import引入css或者存在多个style标签以及css文件在html底部引入,会导致页面闪烁,花屏
原理:当样式晚于html加载时,加载到此样式时,页面将停止之前的渲染,css被加载和解析后会重新渲染页面,所以会出现短暂的花屏现象。
解决方法:使用link标签引入css并且放在html头部