关于html,css,javascript的加载顺序问题

CSS:

link:
     将样式单独抽离出来，写成一个css文件，在head标签中通过link标签导入
<link rel="stylesheet" href="">

 @import
	将样式单独抽离出来，写成一个css文件，在style标签内通过@import导入路径
	<style>
	       @import url('./cyh22.css');
	</style>

1. link先加载css文件，@import先加载html文件
2.link 引入的样式页面加载时同时加载,@import引入的样式在页面加载完成时再加载;
3.link 没有兼容问题, @import不兼容 ie5 以下的浏览器;
4. 所属范围不同@import 是css的语法，只能导入样式
link是html的标签，不仅可以加载样式，还可以定义rel属性
	rel="stylesheet"表示调用外部样式表

Javascript:
如果script标签中的js代码在body之后，则会自上而下正常解析
如果script标签在head标签中，则需要

window.onload=function(){
//书写js代码
}

 原因： 为了提高页面渲染的速度效率。浏览器在加载<script>元素内部的JS代码将被从上至下依次解释，解释器对<script>元素内部所有代码求值完毕之前，会阻塞其他资源的加载，页面的其余内容都不会被浏览器加载显示，如果放置在前面其他位置，会对页面内容的加载速度产生影响。