HTML CSS

HTML4.0を使用することで、すべてのフォーマット化コードをHTMLドキュメントから取り除き、独立したスタイルシートに移行できます。

例

HTMLのスタイル
この例では、<head>部分に追加されたスタイル情報を使用してHTMLをフォーマット化する方法を示します。
下線がないリンク
この例では、スタイル属性を使用して下線がないリンクを作成する方法を示します。
外部スタイルシートへのリンク
この例では、<link>タグを使用して外部スタイルシートにリンクする方法を示します。

スタイルの使用方法

ブラウザがスタイルシートを読み込んだとき、それに基づいてドキュメントをフォーマット化します。スタイルシートを挿入する方法は以下の3つがあります：

外部スタイルシート

スタイルが多くのページに適用される必要がある場合、外部スタイルシートが理想的な選択肢です。外部スタイルシートを使用すると、1つのファイルを変更することで、整个サイトの外観を変更できます。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

内部スタイルシート

単一のファイルに特別なスタイルが必要な場合、内部スタイルシートを使用できます。head部分で<style>タグを使用して内部スタイルシートを定義できます。

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

インラインスタイル

特定の要素に特別なスタイルを適用する必要がある場合、インラインスタイルを使用できます。インラインスタイルの使用方法は、関連するタグにスタイル属性を使用することです。スタイル属性は、CSSの任意の属性を含むことができます。以下の例では、段落の色と左外側マージンを変更する方法を示しています。

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

私たちの CSS 教程、スタイルに関する知識をさらに学ぶために

タグ 説明
<style> スタイル定義を定義します。
<link> リソース参照を定義します。
<div> ドキュメント内のセクションやエリア（ブロック）を定義します。
<span> ドキュメント内の行内の小さなブロックやエリアを定義します。
<font> テキストのフォント、フォントサイズ、フォント色を指定します。スタイルを使用することを推奨します。
<basefont> ベースフォントを定義します。スタイルを使用することを推奨します。
<center> テキストを水平中央に配置します。スタイルを使用することを推奨します。