CSSから始めて、Part 2

2184 ワード

テキストリンク

続けましょう.

スタイルの読み込み

これを達成するための3つの基本的な方法があります.
最初はHTMLファイルのスタイルと同じ行にCSSを追加することです.

<h1 style="color: blue;">
     Title 
</h1>}

これは、HTMLファイルにスタイリングを含めるには良い練習と考えられていないが、それは推奨されませんが、構造と内容を含める必要があります.それは非常に効率的ではない、我々は操作するために意味するすべての単一の要素にスタイルを追加する必要があります、我々は他のどこにスタイリングを使用することはできません.最後に、このメソッドは、ブラウザのページの読み込み時間を追加します.

第2のメソッドをスタイル要素と呼びます.
インラインに少し似ていますが、再びHTMLファイルのスタイルを含んでいますが、今回はファイルの先頭部分にすべてのCSSを作成しています.

<head>
   <style>
       h3 {
          color: blue;
       }
   </style>
</head>

これは、すべてのHTMLファイルにスタイルのセクションを含める必要があるため、これも推奨されません、スタイリングは、それが含まれているページにのみ適用され、私たちのページ、再利用可能ではない何か効率的または実用的ではない.

番目のメソッド
すべてのスタイリングを含んで、ページ自体を通してHTMLページにリンクされる別々のCSSファイルまたはファイルを作成するのを必要とします.

<head>
   <link rel="stylesheet" href="style.css" />
</head>

上記の構文を使って外部ファイルをHTMLにリンクします.
これは2つの属性を追加する必要があります、最初にrel - 1 -我々はファイル間の関係を定義する- rel =“stylesheet”これはスタイルシートファイルですHTMLを教えてくれます.もう一つはHREF -私たちはファイルの場所を指しています- href =“style . css”はどこにファイルを探すためにどこにHTMLを知っている、私たちは、(HTMLの場所に)パスまたはURLを場所として使用することができます.
これは私たちのスタイルと最も広く使用されている1つをロードするための推奨されているメソッドです.それはコンテンツ/一般的な構造とそのコンテンツのプレゼンテーション/スタイルを維持し、我々は我々のアプリケーションを介してスタイルを再利用することができますし、良い練習と考えられます.

あなたの時間をありがとう.
次のパートでは、いくつかの詳細な例から始めましょう.

Reference

この問題について(CSSから始めて、Part 2), 我々は、より多くの情報をここで見つけました https://dev.to/dagpan/starting-with-css-part-2-4jlh

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

リモートログインワークステーション

プログラマコード問題2021/04/26-Lv.1陰陽加算