<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>樣式</title>
<style type="text/css">
<!--內部樣式表-->
#nbys{
width: 200px;height: 200px;background-color: green;
}
</style>
<!-- 外部樣式表（在引用的css文件內，控制其內的tag） -->
<link rel="stylesheet" type="text/css" href="style/01_04_樣式表種類.css">
</head>
<body>
<div style="width:100px;height:100px;background-color:red;">
這是一個box（被行間樣式表控制）
</div>
<div id="nbys">
這是另一個box（被內部樣式表控制）
</div>
<div id="wbys">
這是id爲many的box，並且該.html同級下，有n多個id爲many的box。（被外部樣式表控制）
</div>
</body>
</html>
#wbys{
width: 300px;
height:300px;
background-color: blue;
}
![]()
