CSSとは




 
 
CSS とは「Cascading Style Sheet」の略で、日本語で「カスケード スタイル シート」を意味し、Web ページの外観 (Web ページ要素の位置、サイズ、色など) を記述するために使用される標準的なスタイル シート言語です。など)。

 

CSS の主な機能は、Web ページのスタイルを定義する (Web ページを美しくする) ことと、Web ページ内の要素の位置、フォント、色、背景、およびその他の属性を正確に制御することです。 CSS は Web ページを静的に変更するだけでなく、JavaScript を使用して Web ページ内の要素のスタイルを動的に変更することもでき、市場に出回っているほとんどすべてのブラウザーが CSS をサポートしています。

CSS開発の歴史

HTML 言語は 1990 年代初頭に誕生しましたが、当時の HTML には、Web ページの表示効果を制御するための属性がほとんど含まれていませんでした。 HTML の成長に伴い、さまざまなスタイル言語も登場し、さまざまなブラウザーが独自のスタイル言語を組み合わせて、ページの表示効果を制御しています。

継続的な開発の後、ページ デザイナーのニーズを満たすために HTML にますます多くの属性が追加されます. これらの属性の増加に伴い、HTML はますます乱雑になり、HTML ページはますます肥大化するため、CSS が生まれました.

1994 年、Hakun Lee は CSS の最初の提案を思いつき、Argo ブラウザーを設計していた Bert Bos と一緒に CSS を開発することを決定しました。

1994 年末、Ha Kun Li はシカゴで開催された会議で初めて CSS を正式に提案し、1995 年の WWW Network Conference で再び CSS を提案しました. 会議では Burt Boss が CSS のサポートを実演しました. Argo browser, Ha Kun Li は、CSS をサポートする Arena ブラウザーも示しました。

同年、W3C 組織 (World WideWeb Consortium) が設立され、この組織は CSS の開発に非常に関心を持ち、この目的のためにセミナーを開催しました。最終的には、CSS 開発メンバー全員が W3C 組織に参加し、CSS 標準の策定を担当することになり、これまでのところ CSS の開発は順調に進んでいます。

W3C、中国名は「ワールド ワイド ウェブ コンソーシアム」、別名「W3C カウンシル」で、1994 年 10 月にマサチューセッツ研究所のコンピューター サイエンス研究所で、ワールド ワイド ウェブの発明者であるティム バーナーズ=リーによって設立されました。 of Technology. 技術分野で最も権威があり、影響力のある国際的な中立的な技術標準組織。

これまでのところ、CSS は合計 4 回繰り返されています。

1) CSS1.0

1996 年 12 月、W3C は CSS の最初のバージョンである CSS1.0 ( https://www.w3.org/TR/CSS1/ ) をリリースしました。

2) CSS2.0

1998 年 5 月、CSS2.0 バージョンが正式にリリースされました ( https://www.w3.org/TR/CSS2/ )。

3) CSS2.1

2004 年 2 月、CSS2.1 が正式にリリースされました。このバージョンでは、CSS2.0 に基づいて若干の変更が加えられ、ブラウザーでサポートされていない多くのプロパティが削除されています。

4) CSS3

早くも 2001 年に、W3C は CSS の 3 番目のバージョンを開発する準備を開始しましたが、これはまだ最終化されていません。完全な CSS3 標準はまだリリースされていませんが、主要なブラウザーはその機能のほとんどをサポートし始めています。

CSSの特徴

CSS は Web の分野におけるブレークスルーです. CSS は HTML に要素のスタイルを記述する方法を提供します. CSS と HTML を使用すると, 美しい Web ページを作成できます.一般的に言えば、CSS には次のような特徴があります。

1) 豊富なスタイル定義

CSS は豊富な外観プロパティを提供し、Web ページで次のようなさまざまな効果を実現できます。

  • 任意の要素に異なる境界線を設定し、境界線と要素の間の内側と外側の間隔も設定します。
  • テキストのサイズ、色、フォントを変更し、テキストに装飾を追加します (下線、取り消し線など);
  • Webページなどの背景色や背景画像を設定します。

2) 使いやすさと改造

CSS スタイル情報は、HTML 要素の style 属性だけでなく、HTML ドキュメントの <head> タグ内の <style> タグ、または特別な .css 形式のファイルでも定義できます。 HTML ドキュメント。

最後の定義方法 (別の .css 形式ファイルを定義する) を使用することをお勧めします。これにより、CSS スタイルを後のメンテナンスのために均一に保存できます。

3) マルチページアプリケーション

前述のように、CSS スタイルは .css ファイルに個別に保存できます. このファイルはどのページにも属しません. この .css ファイルを別のページで参照することで、異なるページのスタイルを統一することができます.

4) カスケード

カスケードとは、同じ HTML 要素に対して CSS スタイルを複数回定義できることを意味し、後で定義されたスタイルは以前に定義されたスタイルをオーバーライドします。

たとえば、サイト全体が同じ CSS スタイル ファイルを参照しているが、いずれかのページの一部の要素を調整したい場合、調整したい要素用に別のスタイル ファイルを定義し、それをページに参​​照させることができます。このように、後で個別に定義されたスタイルが以前のスタイルを上書きし、最後に設定された効果のみがブラウザーに表示されます。

5) ページ圧縮

通常、Web ページには多数の HTML 要素が含まれています. 特定の効果を実現するために、これらの要素のスタイル ファイルを定義する必要があることがよくあります. それらをまとめると、HTML ドキュメントが肥大化してしまいます.ただし、CSS スタイルを別のスタイル ファイルで定義し、CSS スタイルを HTML ドキュメントから分離すると、HTML ドキュメントのサイズを大幅に縮小できるため、ブラウザが HTML ドキュメントを読み込むのにかかる時間も短縮されます。

さらに、CSS スタイルを再利用でき、異なる要素が同じ CSS スタイルを使用できるため、繰り返しスタイルを定義する必要がなくなり、それに応じて CSS スタイル ファイルのサイズが縮小され、ページの読み込み時間がさらに短縮されます。

 

「 CSSとは」についてわかりやすく解説!絶対に観るべきベスト2動画

CSSとは?
CSS基礎