CSS

目次:

CSS
CSS

ビデオ: Учим CSS за 1 час! #От Профессионала 2024, かもしれません

ビデオ: Учим CSS за 1 час! #От Профессионала 2024, かもしれません
Anonim

CSSは次のいずれかを参照する場合があります。

1.ショートカスケーディングスタイルシートはCSSは、マークアップ言語で書かれた文書を提示するための再利用可能なスタイルを記述するために使用される言語です。そのコンセプトは1994年にHåkonWium Lieによって考案されました。1996年12月、CSSはW3Cによって仕様が作成され、現在、Web開発者はWebページのレイアウトと外観を変更できます。たとえば、CSSを使用して、特定のHTML要素で使用されるフォント、およびそのサイズと色を変更できます。1つのCSSファイルを複数のページにリンクできます。これにより、開発者はすべてのページの外観を同時に変更できます。

次のボックスには、CSSコードを使用してフォント、ハイパーリンクの色、マウスカーソルを置いたときのリンクの色を定義する基本的な例が含まれています。この特定の例では、新しいクラスまたはIDセレクターを作成するのではなく、HTMLタグとのみを変更しています。

本文{font:100% "trebuchet ms"、Arial、Helvetica、sans-serif; } {色:#000000; } A:visited {color:#005177; } a:hover {color:#005177; }

上のボックスのCSSコードは、次のコードを使用してページのHTMLのヘッドセクションに挿入できます。ただし、このアクションを実行すると、これらの変更が単一のページにのみ適用されることに注意してください。

CSSコードを複数のページで使用する場合は、コードを個別のCSSファイルに保存して、すべてのページにロードすることをお勧めします。たとえば、このページの最初のボックスに表示されているCSSコードをコピーして、ファイル拡張子.cssのファイルに貼り付けることができます。

ヒント

CSSファイルは、任意のテキストエディター、またはWindowsを使用している場合はメモ帳を使用して作成できます。

ファイルを保存したら、タグを使用してHTMLコードの先頭にリンクする必要があります。次のボックスは、この要素の使用例を示しています。

  • ここにCSSファイルへのURLまたはパス ">

    CSSファイルにexample.cssという名前を付け、それがロード元のHTMLファイルと同じディレクトリにある場合、次の行でCSSファイルをリンクします。

    CSS3は、CSS2を置き換えるCSS(Cascading Style Sheets)のバージョンです。新しいセレクターとプロパティが導入され、ページレイアウトとプレゼンテーションの柔軟性が向上しています。box-shadowプロパティ(ドロップシャドウを要素に追加できるようにする)などの一部の更新では、特別なイメージを作成する必要なく視覚効果を適用できます。