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

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

藏色散人
リリース: 2020-11-30 16:43:52
オリジナル
6119 人が閲覧しました

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 サイトの他の関連記事を参照してください。

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