Text

」など) を直接記述します。 2. CSS スタイル コードを記述します。 「」タグ内。"/> Text

」など) を直接記述します。 2. CSS スタイル コードを記述します。 「」タグ内。">

ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLページにCSSスタイルシートを記述する方法

HTMLページにCSSスタイルシートを記述する方法

藏色散人
藏色散人オリジナル
2020-11-19 11:55:476074ブラウズ

HTMLページにCSSスタイルシートを記述する方法

このチュートリアルの動作環境: Windows7 システム、html5 および css3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

HTML ページに CSS スタイル シートを記述する

1. まず、既存の HTML タグ要素の開始タグに CSS コードを直接記述し、CSSスタイル コード 二重引用符で囲んで記述する必要があります。例:

ここのテキストは赤色です。

HTMLページにCSSスタイルシートを記述する方法

2. HTML タグと CSS スタイルを区別したい場合は、CSS スタイル コードを は、 タグの間、または タグの間に書くことができ、その効果はすべての同じ。

HTMLページにCSSスタイルシートを記述する方法

3. 上記 2 つの HTML と CSS の組み合わせは同じページにあります。コードが多いと区別するのが難しくなります。この場合、外部CSSスタイルファイルを作成できます。デスクトップを右クリックしてメモ帳ドキュメントを作成し、ドキュメントの拡張子を「.css」に変更します。簡単に呼び出せるように、CSS スタイル ファイルと HTML を同じディスクに配置します。

HTMLページにCSSスタイルシートを記述する方法

4. CSS スタイル ファイルを作成した後、Sublime エディターを使用して CSS スタイル ファイルを開き、対応する CSS スタイルをファイル内に書き込みます。

HTMLページにCSSスタイルシートを記述する方法

##5. CSS スタイル ファイルを準備したら、HTML ファイルに戻り、

タグ内の タグを使用して、 css スタイル ファイルを HTML ファイルにリンクすれば完了です。

HTMLページにCSSスタイルシートを記述する方法

プログラミング関連の知識について詳しくは、プログラミング学習をご覧ください。 !

以上がHTMLページにCSSスタイルシートを記述する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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