对于为什么要“使用LINK将css(注意是所有的)放在head中”,我做出以下解释:
1. 将CSS放在页面底部会导致FOUC以及白屏现象,取决于浏览器做出的抉择,但体现都很差。
2. 将CSS放在页面顶部,浏览器会第一时间选择加载CSS而不是gif等其他需要的,这样页面将会逐步呈现,给用户更好的体验。
3. HTML的规范中规定,LINK只能出现在head中,但后来很多网站违背了这个原则,而浏览器为了兼容这些网站做出了妥协,然而却引发了FOUC和白屏的问题,解决方案如题。