ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTML5でのスタイルの使い方は何ですか?

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

WBOY
リリース: 2022-03-25 15:28:06
オリジナル
7040 人が閲覧しました

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

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

このチュートリアルの動作環境: 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 属性は、