検索
ホームページウェブフロントエンドCSSチュートリアル「CSS 決定版ガイド」はいかがですか?

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

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

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

著者について

エリック 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 サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
カーソルの次のレベルCSSスタイリングカーソルの次のレベルCSSスタイリングApr 23, 2025 am 11:04 AM

CSSを備えたカスタムカーソルは素晴らしいですが、JavaScriptを使用して次のレベルに物事を引き出すことができます。 JavaScriptを使用して、カーソル状態間で移行し、カーソル内に動的テキストを配置し、複雑なアニメーションを適用し、フィルターを適用できます。

Worlds Collide:スタイルクエリを使用したキーフレーム衝突検出Worlds Collide:スタイルクエリを使用したキーフレーム衝突検出Apr 23, 2025 am 10:42 AM

2025年には、互いに互いに跳ね返る要素を伴うインタラクティブなCSSアニメーションは、CSSにPongを実装する必要はありませんが、CSSの柔軟性とパワーの増加はLee'の疑いを補強します。

UI効果にCSSバックドロップフィルターを使用しますUI効果にCSSバックドロップフィルターを使用しますApr 23, 2025 am 10:20 AM

CSSバックドロップフィルタープロパティを使用してユーザーインターフェイスをスタイルするためのヒントとコツ。バックドロップフィルターを複数の要素間でレイヤー化する方法を学び、それらを他のCSSグラフィカル効果と統合して、精巧なデザインを作成します。

微笑んでいますか?微笑んでいますか?Apr 23, 2025 am 09:57 AM

まあ、SVG'の組み込みのアニメーション機能は、計画どおりに非推奨されることはありませんでした。確かに、CSSとJavaScriptは負荷を運ぶことができる以上のものですが、以前のようにSmilが水中で死んでいないことを知っておくのは良いことです

「かわいい」は見る人の目にあります「かわいい」は見る人の目にありますApr 23, 2025 am 09:40 AM

イェーイ、テキストワラップのジャンプを見てみましょう:サファリテクノロジーのプレビューにかなり着陸してください!しかし、それがChromiumブラウザーでの仕組みとは異なることに注意してください。

CSS-Tricks XLIIIを記録しますCSS-Tricks XLIIIを記録しますApr 23, 2025 am 09:35 AM

このCSS-Tricksアップデートは、アルマナック、最近のポッドキャスト出演、新しいCSSカウンターガイド、および貴重なコンテンツを提供するいくつかの新しい著者の追加の大幅な進歩を強調しています。

Tailwind'の@Apply機能は、響きよりも優れていますTailwind'の@Apply機能は、響きよりも優れていますApr 23, 2025 am 09:23 AM

ほとんどの場合、人々はTailwind'の@Apply機能を紹介します。このように展示されたとき、@Applyはまったく有望な音をしません。だからobvio

私はリリースがないように感じます:正気な展開への旅私はリリースがないように感じます:正気な展開への旅Apr 23, 2025 am 09:19 AM

馬鹿のように展開することは、展開に使用するツールと複雑さの報酬と複雑さの減少との間の不一致になります。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター