HTML5でスタイルを追加するために使用されるメソッド

WBOY
リリース: 2021-12-21 14:08:37
オリジナル
4563 人が閲覧しました

方法: 1. style 属性を使用して追加します。構文は「」です。 2. style タグを使用して追加します。構文は「

HTML5でスタイルを追加するために使用されるメソッド

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

html5 スタイルを追加するにはどのような方法が使用されますか?

まず、基本的な html css js ディレクトリを含む新しい練習プロジェクト html_practise を作成します。次に、別の HTML ファイルを作成して開きます。

最初のインライン スタイル: div タグ内の style 属性を直接使用してスタイルを追加します。これは通常、以下に示すように、個々の要素が特別なスタイルを表示する場合に使用されます。

HTML5でスタイルを追加するために使用されるメソッド

2 番目のタイプの内部スタイル シート: head セクションの style タグを使用して内部スタイル シートを定義します。これは通常、以下に示すように 1 つのファイルに適用されます。 。

HTML5でスタイルを追加するために使用されるメソッド

外部スタイル シートの 3 番目のタイプ: head ヘッダーのリンク タグを使用して、外部からスタイルを参照します。この方法はページとスタイルを分離し、複数のスタイル シートに適しています。ページ数、時間。

HTML5でスタイルを追加するために使用されるメソッド

注意事項

1. スタイルを追加する 3 つの方法は同じ効果があります。

2. インライン スタイルは 1 つの特別な要素のスタイルを表示し、内部スタイルは 1 つのファイルのスタイルを表示し、複数のページに適用される外部スタイル シートは、ページ分割の習慣とより一貫性があります。

推奨チュートリアル: 「html ビデオ チュートリアル

以上がHTML5でスタイルを追加するために使用されるメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート