css与html的三种结合方式

1.内联样式
语法： * 在标签内使用style属性指定css代码

		 * 如：<div style="color:red;">hello css</div>
		 * 一般不推荐使用，因为没有降低展示内容与布局的耦合度
		 * 作用范围小  仅作用于标签包裹的内容

2.内部样式
语法：在head标签内，定义style标签，style标签的标签体内容就是css代码
当style中的属性与body中的标签相一致时，属性的设置生效。
示例：

		        <style>
		        div{
		            color:blue;
		        }
		
		    </style>
			<div>hello css</div>
			作用域为当前页面

3.外部2. 在head标签内，定义link标签，引入外部的资源文件
示例：

	a.css文件：
				div{
				    color:green;
				}
			link<rel="stylesheet"  href="css/a.css">
			<div>hello css</div>
			<div>hello css</div>

			* 注意：
		* 1,2,3种方式 css作用范围越来越大
		* 第一种方式不常用，后期常用2,3
		* 第3种格式可以写为：
			<style>
		        @import "css/a.css";
		    </style>样式	
       *	为了方便管理css文件，可以把css文件放在css文件夹中