css样式的三种使用方法与js的三种使用方法

css三种样式：
第一种方式：内嵌 又叫行内
使用方法：通过标签内的style属性，书写位置：body内部（这个更具体点可以说成是标签的内部）

  <div style="width: 200px; height: 200px;background-color: red;"></div>

第二种方式：内联又叫内部
使用方法是;style标签，书写位置 head内部

       <div id="d1"> </div>
    	这是style标签
	<style type="text/css">
		#d1{
			width: 100px;
			height: 100px;
			background-color: blue;
	}
	</style>

第三种方式：外部引用，最常用的方式,它的位置是在head内部
首先我们先建一个css文件,在里面写一个类构造器，类构造器里面写一些标签的样式
假如我们不写link标签，结果不会出现，类选择器不起作用，因为我们在本页面，我们不知道类选择器是什么 ，不能使用，所以我们通过link标签 把它引用过来

<link rel="stylesheet" href="css/demo.css"/>
           <div class="d2"></div>

  优先级：行内大于内部大于外部

js三种引入方式
第一种方法：在标签内部通过事件触发

<script  type="text/javascript" >
function gc(){
	alert("第一种方式！");
}
document.write("这是第一种方法！");
 </script>

第二种方法： script标签

<script type="text/javascript">
function gc(){
	alert("第一种方式！");
}
gc();
document.write("这是第二种方法！");

第三种方法：script标签里面的src属性
demo.js文件内容
function gc(){
alert(“这是第三种方法！”);
}
document.write(“这是第三种方法！”);

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