HTML5でのスタイルの使い方は何ですか？

使用法: 1. HTML ドキュメントの埋め込みスタイルを指定するために使用され、構文は ""; 2. を指定するために使用されます。要素のインラインスタイル。この属性はグローバルスタイル設定をオーバーライドします。構文は「」です。

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。

html5 での style の使用法

1. HTML ドキュメントのスタイル情報を定義するために使用されます

スタイルでは、HTML ドキュメントがブラウザーでどのようにレンダリングされるかを指定できます。

type 属性は必須であり、style 要素の内容を定義します。可能な値は「text/css」のみです。

style 要素は head セクションにあります。

属性タイプの値は text/css で、スタイルシートの MIME タイプを指定します。

例は次のとおりです:

<html>
<head>
<style type="text/css">
h1 {color: red}
p {color: blue}
</style>
</head>
<body>
<h1>header 1</h1>
<p>A paragraph.</p>
</body>
</html>

出力結果:

HTML5でのスタイルの使い方は何ですか？

2. インラインを指定するために使用されます。要素のスタイル

style 属性は、要素のインラインスタイルを指定します。style 属性は、

Syntax

<element style="value">

style_delivery セミコロンで区切られた 1 つ以上の CSS プロパティと値。

例は次のとおりです:

<html>
<body>
<h1 style="color:blue">This is a header</h1>
<p style="color:red">This is a paragraph.</p>
</body>
</html>

出力結果:

##推奨チュートリアル: " HTML5でのスタイルの使い方は何ですか？ html ビデオチュートリアル

》

以上がHTML5でのスタイルの使い方は何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

続きを見る