<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC" />
<title> CSS </title>
<link href="outer1.css" rel="stylesheet" type="text/css" />
<style type="text/css">
@import "outer2.css";
</style>
<style type="text/css">
#td3 {
font-size: 30pt;
}
</style>
</head>
<body>
<table>
<tr>
<td id="td1">linkタグで外部CSS導入</td>
</tr>
<tr>
<td id="td2">sytleタグの@importで外部CSS導入</td>
</tr>
<tr>
<td id="td3">内部CSS</td>
</tr>
<tr>
<td id="td4" style="font-size: 40pt;">タグ内CSS</td>
</tr>
</table>
</body>
</html>
#td1 {
font-size: 10pt;
}
#td2 {
font-size: 20pt;
}