ホームページ > 記事 > ウェブフロントエンド > HTML5でのスタイルの使い方は何ですか？
HTML5でのスタイルの使い方は何ですか？
- WBOYオリジナル
- 2022-03-25 15:21:397020ブラウズ
使用法: 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>出力結果:
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>
出力結果:
##推奨チュートリアル: "
html ビデオ チュートリアル
以上がHTML5でのスタイルの使い方は何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：webglとcss3とは何ですか次の記事：webglとcss3とは何ですか