ホーム>Web デザインのチュートリアル>CSS チュートリアル

CSS 3 で次のレベルへ

著者：Eve Cole 更新時間：2009-11-19 16:45:18

「 CSS 3 は新しいものではなく、border-radius プロパティの周りに丸い角が実装されているだけではありません。CSS 3 は辛抱強くそこに座って、デビューの準備を整え、コーヒーを飲みながらブラウザーがレッド カーペットを展開するのを待っています。ほら、ブラウザーが必要とするものは、追いつくために…」

– この記事では、ISD WEBTEAM の 2009 年第 2 四半期の傑作、 CSS 3.0 リファレンス マニュアル (中国語版)を記録したいと思います。

背景

Su Yu の「スタイルシート中国語マニュアル」に代表される CSS2.0 参考資料は、10 年近くにわたって多くの国内の Web デザイナーに影響を与えてきましたが、CSS テクノロジーの継続的な発展により、デザイナーは主に伝統的な素材や素材に影響を受けています。既存の柵を越えることができず、大きな負担がかかってしまいます。 CSS 3 が勢いを増していることに気づきましたか?使い始めたいと思っていますが、どこから始めればよいかわかりませんか? CSS 3 の新機能が大いに期待されているときに、CSS3.0 中国語リファレンス マニュアルが誕生しました...

CSS3とは何ですか?

CSSとはCascading Style Sheetの略称です。 「カスケード スタイル シート」と訳されます。これは、Web ページのスタイルの (拡張) 制御に使用されるマークアップ言語であり、Web ページのコンテンツからスタイル情報を分離できます。
CSS3.0 は CSS の次のバージョンを表し、3.0 はバージョン番号です。

CSS 3 は私たちにどんな驚きをもたらしますか?

CSS3.0 は、私たち Web デザイナーにとって新しいテクノロジーであるだけでなく、さらに重要なことに、Web アプリケーションのこれらの新しい概念により、デザインに無限の可能性が与えられ、開発効率も大幅に向上します。丸い角、複数の背景、ユーザー定義フォント、3D アニメーション、グラデーション、ボックス シャドウ、テキスト シャドウ、透明度、および Web デザインの品質を向上させるその他の機能的なアプリケーションを完成させるために、画像や Javascript に依存する必要はなくなります。 CSS 3.0 の登場により、コードはよりシンプルになり、ページ構造はより合理的になり、パフォーマンスと効果の両方が考慮されるようになりました。

使用説明書

  • このマニュアルは、Web ページ再構築者またはフロントエンド開発エンジニアを対象としています。
  • このマニュアルは W3C 作業草案に基づいて翻訳されており、最終的な解釈権は ISD WEBTEAM に帰属します。
  • このマニュアルのレイアウトは css3.info の CSS プレビューを参照しています。このプレビューでは、CSS 3 プロパティが境界線、背景、色、テキスト、ユーザー インターフェイス、基本ボックス モデル、コンテンツ、その他のモジュール、および高度なセレクターの 9 つのカテゴリに分類されています。
  • 互換性リストは、Internet Explorer、FireFox、Opera、Safari、および Chrome の公式ブラウザ互換性を一時的に提供します。
  • プライベート属性リストには、Gecko エンジンを使用するブラウザには Firefox が含まれ、プライベート属性には -moz- で始まり、Webkit エンジンを使用するブラウザには -webkit- で始まる Safari と Chrome が含まれます。 -o- Start および Internet Explorer は、-ms- で始まります。現在、-ms- プレフィックスをサポートしているのは IE8 のみです。
  • 各属性に対して作成された例は、フ​​ォントの著作権により Microsoft から引用された @font face の例を除き、すべてチーム メンバーが自身の経験に基づいて作成したものです。マニュアルの長さの制限により、一部の例は理解しにくい場合があります。これらについては、今後、別の記事で詳しく分析する予定です。
  • 継承。W3C 作業草案には継承に関する明確な説明がないため、この問題には継承に関するテストがなく、まだ参考価値がありません。
  • ダウンロードしたCHMファイルが開けない場合は、CHMファイルを右クリックし、「プロパティ」の「ロックを解除」をお試しください。
  • このマニュアルは主にコミュニケーション用であり、時間の制約があり、素人による夜間作業ですので、使用中にフィードバックをいただければ幸いです。私たちは今後もこのマニュアルの改善とアップグレードを続けていきます。ここではマニュアルの V1 バージョンが提供されており、毎月更新されます。

出典:テンセントウェブチーム

関連記事