html/WebRoot/css/csstest2.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
	<!-- 在HTML的文件，提供了一个(标签)    
	<style type="text/css">CSS的代码</style>，
	这个标签放在<head></head>的中间 -->
	<!-- 	<style type="text/css">
		div{
			background-color: blue;
			color: red;
		} -->
		<!-- * 引入外部的文件的方式（引入CSS的文件，定义一个css文件（后缀名名  demo.css））（经常使用的方式）
				* @import url("CSS文件的地址");
					 属性必须要写<style></style>内部。大写和小写都没有问题。 
		<style type="text/css">
			@IMPORT url("test.css");
			@import url("span.css");
		</style>
	！！！	这样写也可以哒
		<style type="text/css" >
			@IMPORT url("yiqi.css");
		</style>
		
		（下面的这种方式可能是最常用的所以要掌握哦）
				* 引入外部文件的方式，通过一个<link>		
				写在<head></head>中间，
				 不要放在<style>中间
				* rel：代表当前和引入文件之间的关系
				* type：
				* href：引入CSS文件的地址
		<link rel="stylesheet" type="text/css" href="yiqi.css">
		<link rel="stylesheet" type="text/css" href="yiqi.css">
		-->
		<link rel="stylesheet" type="text/css" href="yiqi.css">
</head>
<body>
	<div>我是区块1</div>
	<div>我是区块2</div>
	<span>我是span</span>
	<p>床前明月光..</p>
</body>
</html>