CSS（カスケードスタイルシート）とは何ですか?-CSSチュートリアル-php.cn

CSS（カスケードスタイルシート）とは何ですか?

青灯夜游

リリース： 2019-05-23 18:16:56

オリジナル

6072 人が閲覧しました

CSS は、Cascading Style Sheets (Cascading Style Sheets) の略称で、HTML (Standard Generalized Markup Language のアプリケーション) や XML (Standard Generalized Markup Language のサブセット) などのファイルスタイルを表現するために使用されるコンピュータ言語です。 . .

CSS は、主に Web サイトの外観を設定して、Web サイトをより豪華で目を引くものにするために使用されます。Web ページを静的に変更するだけでなく、動的に調整することもできます。さまざまなスクリプト言語を使用して、Web ページのさまざまな要素をフォーマットします。

CSS は、Web ページ内の要素の位置のレイアウトをピクセルレベルで正確に制御でき、ほぼすべてのフォントサイズスタイルをサポートし、Web ページのオブジェクトとモデルスタイルを編集する機能を備えています。

CSS スタイルシートはテキストやその他の HTML マークアップの色、サイズ、位置を定義し、HTML ファイルはコンテンツとその構成方法を定義します。それらを分離すると、サイト全体を書き直さなくても配色を変更できます。

カスケードとは、親要素に適用されたスタイルが、親要素内のすべての子要素にも適用されることを意味します。たとえば、本文の色を設定すると、本文内のすべての見出しと段落も同じ色になります。

#スタイルの指定と使用

Web ページまたはサイトスタイルシートを含めるには、主に 3 つの方法があります。

1. インラインスタイルと呼ばれるタグの

属性を設定します。

2. HTML ヘッダータグでは Web ページの head セクションに記述されます。

2)、記述されたスタイルは、それを使用する Web ページでのみ使用されます。

3)、埋め込みスタイルは「内部スタイル」とも呼ばれます。

ヘッダーで定義されたスタイルは、ページ全体に適用されます。以下の例では、ページ内のすべての h1 タグにタイトルが赤色で表示されます。

<head>
   <style type="text/css"> 
       h1 { color: red; }
   </style>
</head>

ログイン後にコピー

外部スタイルシート

HTML ファイルと同様、CSS ファイルはプレーンテキストであり、通常は .css ファイル拡張子が付いており、特定のタグを介して渡すことができます。 HTML ファイルにリンクします。

機能:

1)、別のドキュメントに記述され、さまざまな Web ドキュメントに添付されます

2)、これを変更すると、

# と呼び出すすべてのページに影響を与える可能性があります。 ##3)、変更が簡単です

たとえば、style.css ファイルの内容は次のようになります。

body { background-color: beige; color: #000080;}
h1 { color: red;}

ログイン後にコピー

その後、を使用できます。ヘッダーが導入されて有効になります。

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

ログイン後にコピー

今日のほとんどの Web サイトでは外部スタイルシートが使用されています。外部スタイルとは、別のドキュメントに記述され、さまざまな Web ドキュメントに添付されるスタイルです。外部スタイルシートは、接続されているすべてのファイルに影響します。つまり、20 ページの Web サイトがあり、すべてのページが同じスタイルシートを使用している場合、変更が必要な場合は、スタイルシートを編集するだけでそれらのページを完成させることができます。サイト管理がより簡単になります。外部スタイルシートの欠点は、ページがこれらの外部ファイルを取得して読み込む必要があることです。すべてのページが CSS テーブル内のすべてのスタイルを使用するわけではないため、多くのページでは実際に必要なサイズよりもはるかに大きな CSS ページが読み込まれます。

以上がCSS（カスケードスタイルシート）とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。