<!-- /* 宣言されたスタイルを HTML コメントに含めると、古いブラウザがスタイルを認識しない問題を解決できます*/ -->
body {background:grey;}
</style> ;
インライン スタイルを使用して、カスケード スタイル シート属性を Web 要素に適用します。例:
<pstyle="@importurl('style3.css');">CSS ドキュメント</p>
<!-- @import は style 属性では使用できません --> ;
Web ページが外部スタイル シートにリンクしている場合、Web ページ用に作成されたインライン スタイルまたは内部スタイルは、外部スタイル シートで指定されたプロパティを拡張またはオーバーライドします。
Web ページで外部スタイル シートのスタイルを使用するには、[形式] メニューにある [スタイル シート リンク] コマンドを使用して、Web ページをスタイル シートにリンクします。 1 つまたは複数のスタイル シートを、Web ページ ビュー モードの現在の Web ページ、フォルダ リストで選択した Web ページ、またはサイト上のすべての Web ページにリンクできます。
[スタイル] ボックスには、見出し 1 などの標準 HTML タグと、埋め込みスタイル シートまたは Web ページにリンクされている外部スタイル シートに含まれるクラスまたは ID セレクターがリストされます。 Web ページ要素にスタイルを適用するには、スタイルを選択し、[スタイル] ボックスでスタイルまたはセレクターをクリックします。
Microsoft FrontPage 2000 では、特定の書式設定機能がインライン スタイルとして自動的に適用されます。例: ([書式] メニューの) [境界線と影] コマンドを使用して通常の段落の周囲にボックスを適用すると、FrontPage は書式設定情報を段落記号のインライン スタイル プロパティとして書き込みます (例: <pstyle= border-style) ：ソリッド」＞）。ただし、一部のプロパティの適用には CSS の使用が必要であり、その他のプロパティの適用には HTML の使用が必要です。 CSS を使用してインライン スタイルのみを適用したい場合は、[スタイル] ボタン (Web 要素の [プロパティ] ダイアログ ボックスにあります) を使用して、クラスまたは ID セレクター、またはインライン スタイルを適用できます。
例 1
Background-color 属性は要素の背景色を定義します:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body style="background-color: green;">
<h2 style="background-color: red;">标题</h2>
<p style="background-color: blue;">内容</p>
</body>
</html>
例 2
font-family (font)、color (color)、を使用します。および font-size (フォント サイズ) 属性を使用して、フォントのスタイルを定義します:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<h1 style="font-family:verdana;">文字的标题</h1>
<p style="font-family:arial;color:red;font-size:20px;">下面是一句话。</p>
</body>
</html>
例 3
text-align (テキスト配置) 属性を使用して、テキストの水平方向と垂直方向の配置を指定します。
りー
次のセクション