ホームページ  >  記事  >  ウェブフロントエンド  >  CSSって英語でなんて言うの?

CSSって英語でなんて言うの?

藏色散人
藏色散人オリジナル
2021-09-13 11:44:196447ブラウズ

css の英語の正式名称は Cascading Style Sheets で、カスケード スタイル シートという意味で、文字列スタイル リスト、カスケード スタイル シート、カスケード スタイル シート、階層スタイル シートなどとも呼ばれる構造体の一種です。ドキュメントにスタイルを追加するためのコンピューター言語。W3C によって定義および管理されています。

CSSって英語でなんて言うの?

#この記事の動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。

css は英語で何という意味ですか?

カスケード スタイル シート (英語: Cascading Style Sheets、略称: CSS、文字列スタイル リスト、カスケード スタイル シート、 string リンク スタイル シート、階層スタイル シート) は、構造化ドキュメント (HTML ドキュメントや XML アプリケーションなど) にスタイル (フォント、間隔、色など) を追加するために使用されるコンピュータ言語であり、W3C によって定義および維持されています。

CSS はさまざまなレベルに分かれています。CSS1 は現在廃止されており、CSS2.1 が推奨標準であり、CSS3 は複数の小さなモジュールに分割されて標準化されています。 [ソースのリクエスト] CSS3 は現在ほとんどの最新ブラウザでサポートされていますが、次のバージョンである CSS4 はまだ開発中です。

概要

CSS は単独で使用することはできません。HTML または XML を装飾するには、HTML または XML と連携する必要があります。この記事では、HTML Web ページを装飾するために使用される CSS 技術を主に紹介します。 HTML は Web ページにどのようなコンテンツがあるかを決定し、CSS はこれらの要素 (サイズ、太さ、色、配置、位置) を表示する方法を決定します。 CSS を使用すると、ページ レイアウトの設定、ページ要素のスタイル設定、およびすべての Web ページに適用されるグローバル スタイルの設定を行うことができます。 CSS は、スタイルを適用する Web ページ要素に散発的に直接追加することも、Web ページに統合したり、Web ページにリンクしたり、Web ページにインポートしたりすることもできます。

CSS の最も重要な目標は、ファイルの内容を表示から分離することです。 CSS が登場する前は、ほとんどすべての HTML ファイルにファイル表示のた​​めの情報が含まれており、たとえば、フォントの色、背景は何であるか、配置方法、エッジ、接続などをすべて 1 つずつリストする必要がありました。 HTML ファイル内に 1 つ、場合によっては繰り返しリストします。 CSS を使用すると、作成者はこの情報の多くを分離して、HTML ファイルを簡素化し、CSS 言語で記述された二次ファイルに配置できます。 HTML ファイルには構造とコンテンツ情報のみが含まれ、CSS ファイルにはスタイル情報のみが含まれます。

たとえば、HTML の第 2 レベルの見出し H2 マークは、第 1 レベルの見出し H1 よりもレベルが低く、第 3 レベルの見出し H3 よりもレベルが高くなります。この情報はすべて構造情報です。

一般的に、タイトルのレベルが高くなるほど、フォントは大きくなります。一般に、フォントが大きいほど、その内容がより重要であるため、H1 が最も大きなフォントになります。また、一般的なタイトル太字のフォントを使用し、その重要性を強調します。一般的に、H2 は太字のフォントを使用し、そのフォントは H3 より大きく、H1 より小さくなります。この情報は表示用です。

CSS が登場する前は、作成者が H2 タイトルの色、フォント、サイズ、その他の表示特性を決定したい場合は、HTML 内のフォントまたはその他のスタイル命令を使用する必要がありました。H2 だけではH2 は単なる構造命令であるため、十分ではありません。タイトルに斜体、赤色の文字、白色の背景が必要な場合、作成者は次のように記述する必要があります:

<H2><font color="red" bgcolor="white"><i>使用CSS</i></font></H2>

これらの表示命令により、HTML は非常に複雑になり、保守が困難になります。すべての第 2 レベルのタイトルをこの方法で表示する必要がある場合、すべての第 2 レベルのタイトルに対する指示はこれほど複雑になるはずです。さらに、読者はこれらのルールを変更できません。読者が青色の見出しを好む場合、文書の作成者が見出しの色を指​​定しているため、見出しの色を変更することはできません。

CSS を使用する場合、H2 ディレクティブは記事の構造を指定するだけで、その表示はスタイル シートによって指定されます。上記の例は次のようになります:

<H2>使用CSS</H2>

従順なスタイルシートでは、H2 ディレクティブがイタリック体を使用することを指定できます。単語、赤い単語、白い背景:

H2 { color: red; background: white; font-style: italic; }

この方法で、表示とコンテンツが分離されます (CSS の利点により、W3C は現在、多くの表示命令を廃止することを検討しています) HTML で)。 HTMLは記事の構造のみを表現し、CSSは表示すべてを表現します。 CSS は、色、フォント スタイル、配置、サイズ、およびドキュメントの内容の読み取りなど、その他の多くの非視覚的表現を指示できます。

CSS スタイル情報は、添付ファイルまたは HTML ファイル内に含めることができます。読者は複数のスタイル シートを使用でき、重複する場合はそのうちの 1 つを選択できます。メディアごとに異なるスタイル シートを使用できます。たとえば、蛍光スクリーン上の文書の表示は、プリンターで印刷された表示とは異なる場合があります。これにより、作成者はさまざまなメディアに最適な表示を設計できます。さらに、CSS の目標の 1 つは、読者が表示をより自由に制御できるようにすることです。読者が斜体のタイトルが読みにくいと感じる場合は、独自のスタイル シート ファイルを使用できます。このファイルを「カスケード」して、他のすべてのスタイルを保持したまま、赤い斜体スタイルのみを変更できます。

推奨される学習: 「

css ビデオ チュートリアル

以上がCSSって英語でなんて言うの?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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