何が必要かはわかりませんが、ページ全体で共通のCSSが必要な場合は、CSSリンクが役立ちます。
<link rel="stylesheet" type="text/css" href="myStyles.css"/>
これらはページに好きなだけ入れることができるので(それらは入る<head>
必要があります)、CSSを好きなだけ多くのファイルに分割することができます。また、これにより、視聴者はCSSファイルをキャッシュできるため、毎回ダウンロードする必要がなくなります。
例:
SuperLabel.css
.superLabel
{
color: red;
font-weight: bold;
margin: 50px;
}
Page1.html
<!DOCTYPE html>
<html>
<head>
<title>Page 1</title>
<link rel="stylesheet" type="text/css" href="SuperLabel.css"/>
<link rel="stylesheet" type="text/css" href="page1.css"/>
</head>
<body>
<div class="superLabel">I'm FABULOUS!</div>
... the rest of content ...
</body>
</html>
Page2.html
<!DOCTYPE html>
<html>
<head>
<title>Page 1</title>
<link rel="stylesheet" type="text/css" href="SuperLabel.css"/>
<link rel="stylesheet" type="text/css" href="page2.css"/>
</head>
<body>
<div class="superLabel">I'm fabulous AGAIN!</div>
... the rest of content ...
</body>
</html>