HTML CSS

HTMLカラー名 HTMLリンク

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>

インライン スタイル

インライン スタイルは、特定のスタイルを個々の要素に適用する必要がある場合に使用されます。 インライン スタイルを使用する方法は、関連するタグで style 属性を使用することです。 スタイル属性には、任意の CSS プロパティを含めることができます。 次の例は、段落の色と左余白を変更する方法を示しています。

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
タグ 説明
<style> はスタイル定義を定義します。
<link> はリソース参照を定義します。
<div> は、ドキュメント内のセクションまたは領域 (ブロック レベル) を定義します。
<span> は、ドキュメント内の行内の小さなブロックまたは領域を定義します。
<font> テキストのフォント、フォント サイズ、フォントの色を指定します。 廃止されました。 スタイルをご利用ください。
<basefont> 基本フォントを定義します。 廃止されました。 スタイルをご利用ください。
<center> テキストを水平方向に中央揃えにします。 廃止されました。 スタイルをご利用ください。
HTMLカラー名 HTMLリンク