HTMLスタイル

link：/html/html_embed_multimedia [previous] link：/html/html_scripts [next] [[1]] php [AddThis Social Bookmark Button]

スタイルシートは、ドキュメントが画面に表示される方法、印刷される方法、またはドキュメントの発音方法を記述します。 W3Cは、1994年にコンソーシアムが設立されて以来、Webでのスタイルシートの使用を積極的に推進しています。

Cascading Style Sheets（CSS）は、Webデザイナーとユーザーのニーズを満たすために特別に開発されたスタイルシートメカニズムです。

CSSを使用すると、特定のHTML要素に対して多数のスタイルプロパティを指定できます。各プロパティには、コロン（:)で区切られた名前と値があります。各プロパティ宣言はセミコロン（;）で区切られます。

<p style="color:red;font-size:24px;">Using Style Sheet Rules</p>

これにより、次の結果が生成されます。

Using Style Sheet Rules

HTMLドキュメントでスタイルシートを使用する方法は3つあります。

外部スタイルシート：

多くのページに同じルックアンドフィールを与える必要がある場合は、すべてのスタイルシートルールを単一のスタイルシートファイルに保持し、このファイルをすべてのHTMLページに含めることをお勧めします。 <link>要素を使用して、スタイルシートファイルをHTMLドキュメントに含めることができます。以下はその例です。

内部スタイルシート：

スタイルシートルールを1つのドキュメントのみに適用する場合は、それらのルールをそのドキュメントのみに含めることができます。以下はその例です。

<head> <style type="text/css"> body{background-color: pink;} p{color:blue; 20px;font-size:24px;} </style> </head>

より快適になるために-link：/cgi-bin/practice.cgi？file = html_style_tag [オンライン練習を行う]

インラインスタイルシート：

スタイルシートルールをHTML要素に直接適用できます。これは、HTML要素のみに特定の変更を加えたい場合にのみ行う必要があります。インラインスタイルを使用するには、関連するタグでstyle属性を使用します。以下はその例です。