HTML引入JS和CSS

版权声明：本文为setlilei原创文章 转载请注明来源 https://blog.csdn.net/setlilei/article/details/84350030

CSS 文件的四种使用方式

- 链接式 link在html加载前就加载
	<link href="test.css" rel="stylesheet" type="text/css"/>
- 导入式 import在html加载后加载--显示无样式的页面后再次渲染
	<style type="text/css">
		@import"test.css";
	</style> 
- 内联css文件 速度快 维护麻烦
<style type="text/css">
	div{margin: 0;padding: 0;border:1px red solid;}
</style>
- 在标签属性中使用css
<div style="border:1px red solid;">测试信息</div>

JavaScript三种使用方式

使用标签引入外部js

<script type="text/javascript" src="test.js"></script>

内联js

<script type="text/javascript">
	function test(){}
</script>

在标签中配合事件使用

<input type="button" value="点击" onclick="javascript:alert('测试')" />