cssって何をするの?

青灯夜游
リリース: 2023-01-05 16:12:49
オリジナル
7143 人が閲覧しました

CSS は、Web ページのパフォーマンスとコンテンツを完全に分離できるスタイル デザイン言語で、主に Web ページのスタイルをデザインし、Web ページを美しくするために使用されます。 CSS は、Web ページ内の要素の位置のレイアウトをピクセルレベルで正確に制御でき、Web ページを静的に変更するだけでなく、さまざまなスクリプト言語と組み合わせて Web ページのさまざまな要素を動的にフォーマットすることもできます。

cssって何をするの?

このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。

CSS は、HTML (標準汎用マークアップ言語のアプリケーション) や XML (標準汎用マークアップ言語のサブセット) などのドキュメント スタイルを表現するために使用されるコンピューター言語です。 CSS の最新バージョンは CSS3 です。これは、Web ページのパフォーマンスとコンテンツを完全に分離できるスタイル デザイン言語です。

CSS は主に Web ページのスタイルをデザインし、Web ページを美しくするために使用されます。Web ページを静的に変更するだけでなく、さまざまなスクリプト言語と組み合わせて Web ページのさまざまな要素を動的にフォーマットすることもできます。

CSS が登場する前は、HTML ドキュメントのほぼすべてのプレゼンテーション プロパティが HTML マークアップ (特に HTML タグ) に含まれており、すべてのフォントの色、背景スタイル、要素の配置、境界線、サイズは HTML で明示的に記述されている必要がありました。 。

その結果、Web サイトのすべてのページにスタイル情報が繰り返し追加されるため、大規模な Web サイトの開発は時間と費用がかかるプロセスになります。

この問題を解決するために、World Wide Web Consortium (W3C) は 1996 年に CSS を導入し、その標準を維持しました。 CSS は、プレゼンテーションとコンテンツの分離を実現することを目的としています。 Web デザイナーは、Web ページの書式設定情報を別のスタイル シートに移動できるようになりました。これにより、HTML マークアップがよりシンプルになり、保守しやすくなります。

従来の HTML のパフォーマンスと比較して、CSS は Web ページ内のオブジェクトの位置とレイアウトをピクセルレベルで正確に制御でき、ほぼすべてのフォント サイズ スタイルをサポートし、Web ページのオブジェクトやモデル スタイルを備えており、事前のインタラクション デザインを実行でき、テキスト表示に基づいた現時点で最高のパフォーマンスのデザイン言語です。

ホームページを作成するときに CSS テクノロジーを使用すると、ページのレイアウト、フォント、色、背景、その他の効果をより正確に制御することができます。

対応するコードに簡単な変更を加えるだけで、同じページのさまざまな部分、またはページ数が異なる Web ページの外観や形式を変更できます。

css の機能を実現します:

(1) ほぼすべてのブラウザで利用可能です。

(2) 従来は画像変換を必要としていた一部の機能をCSSで簡単に実装できるようになり、ページのダウンロードが高速化されました。

(3) ページ上のフォントをより美しく、配置しやすくして、本当に目を楽しめるページにします。

(4) ページのレイアウトを簡単に制御できます。

(5) 多くの Web ページのスタイルと形式を同時に更新できるため、ページごとに更新する必要がなくなりました。サイト上のすべての Web ページ スタイルは CSS ファイルを使用して制御できます。CSS ファイル内の対応する行が変更される限り、サイト全体のすべてのページがそれに応じて変更されます。

(学習ビデオ共有: css ビデオ チュートリアル)

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

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート