div+css的基础简介及应用（一）——CSS的应用-优快云博客

1.div本身相当于一个容器，可以在当中内嵌table、文本和其它HTML代码，也可以将div内嵌至table中；

2.有需要的地方可以直接定义css，通过style引入即可；

例：

<html>
<head>
	<meta http-equiv="Content-Type" content="text/css; charset=utf-8" />
	<title>div+css</title>
	<h4>
		<div style="width: 300px; height: 100px; color: blue">div中直接写CSS样式</div>
	</h4>
</head>

<body>
	
</body>
</html>

3.对外部CSS文件的引用：

css样式可以定义在一个外部的.css文件中，该文件称作CSS样式文件，即层叠样式表单文件

例：

(1)定义外部css文件

@charset "UTF-8";

/* .样式名在HTML中通过class引用*/
.table {
	background-image: bg.jpg;
	width: 100px;
	height: 100px;
}

/* #样式名在HTML中通id引用*/
#text {
	background: blue;
	color: red;
}

(2)引用外部文件

<html>
<head>
	<meta http-equiv="Content-Type" content="text/css; charset=UTF-8" />
	<title>引用外部CSS文件</title>
	<link href= test02.css type= text/css rel= stylesheet />
</head>

<body>
	<div id="text">引用在外部css文件中定义的#样式</div>
	<div class="table">引用在外部css文件中定义的.样式</div>
</body>
</html>