「CSS 決定版ガイド」はいかがですか？

「CSS Definitive Guide」は、China Electric Power Press から 2007 年 10 月に出版された書籍です。著者は Eric A. Meyer です。

本書では、スタイルシートを一か所に作成するだけでWebサイト全体の見た目を作成・変更する方法や、HTMLでは得られない豊かなパフォーマンス効果を得る方法を、多くの事例を通して詳しく解説します。また、最新の CSS 仕様 (css2 および css2.1) に従ってカスケード スタイル シートのあらゆる側面を実践に適用する方法も示します。

著者について

エリック A. Meyer は、最も有名な世界クラスの HTML および CSS の専門家であり、W3C CSS&FP ワーキング グループのメンバーであり、W3C CSS テスト スイートのリーダーであり、Web 開発とデザインで 10 年以上の経験があります。彼の複雑なスパイラル デザイン (本書の第 12 章を参照) は、W3C CSS の殿堂入りを果たしました。彼は非常に積極的なテクニカル ライターであり、本書とその関連書籍に加えて、「CSS の決定版ガイド」や一連の有名なオンライン チュートリアルも執筆しています。 (推奨される学習: CSS ビデオ チュートリアル 。)

編集者の推奨事項

Web スタイルを迅速かつ簡単に統一したいと思いませんか? 『決定版 CSS ガイド』（第 3 版）では、CSS2.1 で定義されたさまざまな CSS 要素を実際の作業に最新の CSS2 を適用する方法を説明します。この本の例を通じて、CSS を使用して Web サイトの外観を作成または変更し、通常の HTML では実現できない効果を実現する方法を学びます。

複雑なページ スタイル、アクセシビリティの向上、時間とエネルギーの節約に興味のある Web デザイナーまたはアプリケーション開発者であれば、この本を見逃すことはできません。この改訂版では、CSS の実装方法を包括的に説明し、最新の CSS 仕様を詳細に分析します。

CSS は、画面、プリンター、音声合成装置、スクリーン リーダー、チャット ウィンドウ上の Web コンテンツの外観を記述するために使用される進化する言語です。電話、コンピュータ、ビデオ ゲーム、テレビ、時計、キオスク、車載コンソールなど、ブラウザを備えたすべての IoT デバイスは、画面サイズに関係なく、CSS を使用します。著者の Eric Meyer と Estelle Weyl は、レイアウト、トランジションとアニメーション、境界線、背景、テキスト プロパティ、その他多くのツールとテクニックを使用して、ユーザー エクスペリエンスを向上させ、開発をスピードアップし、潜在的なエラーを回避し、アプリケーションを強化する方法を示します。

この本は、CSS2.1 がリリースされたばかりの先史時代に書かれました。主にCSSの基礎についてです。この本には、廃止されたブラウザのタグ (、 など) や、IE や navigator などの古いブラウザの互換性について多くの説明があり、非常に興味深いです。なお、当時は CSS3 がまだ誕生していなかったので、Flex、Gradient、Transform、Transition、さらには Grid を見たい読者は、寄り道する必要があります。

説明がとても丁寧です。個人的には、フレームモデル、フローティング、位置決め、テーブルの長さ、幅の計算などの解説が最も価値のある内容だと感じており、何度も読んで勉強する価値があります。この点に関して、コードを書くとき、私たちは感覚的に理解しているだけで、その理由を知ることができないことがよくあります。この本は位置決めの「アルゴリズム」を分離し、これらの状況に直面したときにブラウザが最初のステップでどのように決定し、2番目のステップでどのように計算するか、そして最終的にどのような結果が得られるかを説明します。特定のモデルについて、一般原則は何か、特別な状況は何か、このように設定した場合にどのようなエラーや魔法の効果が発生する可能性があるか。

オンラインでブログを読んでいるときに、散発的にこの問題に遭遇しました。一部の著者 (張新旭など) は実際にそれをうまく説明していますが、文体が難しすぎて受け入れられません。この本「1234」のように、優先順位、シンプルさ、そして現実。

正直に言うと、この部分はフロントエンドの資格を持った人がマスターすべき知識なのですが、私は普段「書こうと思っても書ける」ので原理を深く理解したことがありません。非常に典型的なシナリオは次のとおりです。「ああ、このスパンは垂直方向に整列していません。どうすればよいでしょうか? ああ、行の高さを調整してみてください。いいえ、近くにもありません。それからもう一度垂直方向の整列を調整して、オフセットに負の値を指定してみてください。」それが完了したら、内部で何が起こっているかを誰が気にするでしょうか?上記のプログラマー (または CSS コード テスター) (私が代表) は本当に反省する必要があると思います。

以上が「CSS 決定版ガイド」はいかがですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。