css3にはどのようなモジュールが含まれていますか?

css3 に含まれるモジュールは次のとおりです: 1. HTML リストにスタイルを追加するために使用されるリスト モジュール; 2. ブロック レイアウト モードを拡張して複数列テキストを定義しやすくする複数列レイアウト。 3. カラー モジュール、色名、rgb()、hsl() などの色を定義するさまざまな方法を提供します; 4. メディア クエリ、CSS がさまざまなデバイスで動作できるようにします。

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

CSS3 は、CSS (Cascading Style Sheets) テクノロジーのアップグレード バージョンです。1999 年に策定されました。2001 年 5 月 23 日に、W3C は主にボックス モデル、リスト モジュール、ハイパーリンクを含む CSS3 の作業草案を完成させました。メソッド、言語モジュール、背景と枠線、テキスト効果、複数列レイアウト、その他のモジュール

• 一方で、いくつかの小さなモジュールに分割すると、仕様のタイムリーな更新と公開、およびモジュールの内容のタイムリーな調整が容易になります。これらのモジュールは、独立して実装およびリリースできます。これは、CSS の将来の拡張の基礎にもなります。

• 一方で、サポートされているデバイスやブラウザのメーカーの制限により、デバイスやメーカーは一部のモジュールや CSS3 のサブセットを選択的にサポートすることができ、これは CSS3 の推進に有益です。

css3 カラー モジュール

CSS3 でサポートされている色表現方法

• は 16 進数の色で表されます。色の三原色と光の原理を表で調べることができます。

• はrgb(r,g,b)で表されます。光の三原色、赤、緑、青の原理。

• hsl (色相、彩度、明度) で表されます。色相、彩度、明るさ。

• rgba (r、g、b、a) で表されます。光の三原色、赤、緑、青、透明の原理。 a ∈ [0, 1]、0 は完全な透明性を表します。

• hsla (色相、彩度、明度、アルファ) で表されます。色相、彩度、明度、透明度。 alpha ∈ [0, 1]、0 は完全な透明度を表します。
CSS3 複数列レイアウト

CSS 複数列レイアウト ブロック レイアウト モードを拡張して、複数列のテキストを簡単に定義できるようにします。行が長すぎると、テキストを読むのが困難になります。ある行の終わりから次の行の始まりに移動するのに時間がかかりすぎると、今いる行を見失ってしまいます。したがって、大きな画面を最大限に活用するには、作成者は新聞のようにさまざまな幅のテキストの列を並べて配置する必要があります。

css3 メディア クエリ

モバイル デバイスの急速な普及により、ユーザーは従来のコンピューター システムを通じて Web コンテンツを閲覧するだけでなく、ますます多くのユーザーがスマートフォンを使用し始めています。 、タブレット、またはその他のさまざまなサイズのデバイスで Web コンテンツを閲覧できます。さまざまなデバイスを使用するユーザーが快適に操作できるようにするには、メディア クエリが必要です。

/* 在小于或等于 992 像素的屏幕上，将背景色设置为蓝色 */
@media screen and (max-width: 992px) {
  body {
    background-color: blue;
  }
}
/* 在 600 像素或更小的屏幕上，将背景色设置为橄榄色 */
@media screen and (max-width: 600px) {
  body {
    background-color: olive;
  }
}

css ビデオ チュートリアル

Web フロントエンド)

以上がcss3にはどのようなモジュールが含まれていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。