検索

CSS 3 の普及に伴い、新しい CSS プロパティが次々と登場し、見慣れない CSS プロパティも多数登場するため、新しい CSS プロパティを学習することが必要になることがよくあります。新しい属性を紹介する記事はあまりないので、時々公式ドキュメントを確認する必要があります。以下の図を参照してください。

フレックスボックスを初めて学んだとき、さまざまな書き方があることを知りました。幸いなことに、公式ドキュメントには最初にどのドキュメントが最新であるかが示されています。しかしこの際、CSSERの資格を持つ私もCSSの標準プロセスを理解しておくべきだと思いつきました。ここで説明する知識は基本的に、CSS トリックに関する CHRIS COYIER の記事 (https://css-tricks.com/css-standards-process/) から得られます。

CSS 標準化プロセスは、ブラウザ ベンダー、大学、大企業 (Google、IBM など) で構成される W3C Cascading Style Sheets Working Group (CSSWG) によって主導されています。 、および独立した CSS 専門家。 W3C 自体は標準を策定しませんが、グループ メンバーからの提出を受け取り、会議を通じて標準の策定について議論するフォーラムのようなプラットフォームとして機能します。すべての提出と議論はオープンかつ透明であり、会議の様子は W3C Web サイトの記録で見ることができます。 、標準の決定には通常 6 つの段階があり、そのうちの 2 つは移行段階です:

1. 編集者草案 (ED)

これは仕様の開始段階であり、CSS 属性またはセレクターが提案されました。 CSSWG内で検討しました。グループのメンバーがプロパティを正式に開始できることに同意した場合、次のフェーズに進むことができます。

2. 作業草案 (WD)

草案を編集した後、標準設計段階である作業草案が存在します。グループは CSSWG 内とグループ外からのフィードバックを繰り返します。この段階では 2 つの結果が生じます。1 つは、新しいプロパティが技術的な問題により完全に拒否されるか、他の問題が発生する可能性があることです。2 つ目は、仕様がこの段階を通過して終了することです。これは最初の公開作業草案 (FPWD) としてリリースされ、その後、CSSWG 内およびグループ外の幅広いコミュニティからのフィードバックに対処するいくつかの作業草案が続く予定です。

3. 移行 – 最終呼び出し作業草案 (LCWD)

これは、作業草案から仕様の検討が開始される最初の移行段階です。次のフェーズに入るとき、新しいプロパティへの軽微な変更についてのフィードバックのために期限が設定されます。LCWD は期限後の最後の公開ドラフトです。

注: 最も重要なステージは ED、WD、CR (後述) であり、他のステージはそれほど重要ではありません。

4. 推奨事項候補 (CR)

この仕様は、CSSWG のテスターと、この仕様を実装するために選ばれたブラウザ メーカーによる完全なテストに合格します (Chrome、Safari、Firefox、Opera) 、など)。次のフェーズに進むために、CSSWG は 2 つの正しい実装仕様を推進します。

5. 移行 – 提案された推奨事項 (PR)

この段階に達すると、W3C グローバル リソース グループ: W3C 諮問委員会 (W3C Advisory Committee) が仕様を継続するかどうかを決定します。次のステージ。この段階では一般的に反対意見はほとんどなく、単なる過渡期にすぎません。

6. 推奨事項 (REC)

仕様がこの段階に達した場合、その仕様は完全に検討されており、ブラウザ ベンダーによって実装可能であることを意味します。アクティブに使用し、必要なメンテナンスのみを行ってください。

注: 推奨される標準段階は実際には理想的な状態ではなく、仕様が大量に存在するため、ブラウザーはこの段階まで待たずに、CR 段階でこの仕様を実装します。なぜ墓と呼ばれるのかというと、REC段階に到達すると、規範が安定するのではなく前進が止まるからです。 CSSWG は REC 段階で新たなエラーの修正にエネルギーを投入しないため、エラーは蓄積され続け、新しいバージョンの仕様がすでに開発されており、古い仕様は継続的な開発の活力と重要性を失い、問題を残すことになるだけです。ハッキングによって補われ、より良い機能を実現するために新しい属性が使用されて置き換えられます。

それでは、標準はいつ安定するのでしょうか?この記事は、Tab Atkins Jr (Google チームのメンバーであり、CSSWG および W3C のメンバー) の一節を引用しています。内容は大まかに言うと、仕様の安定性は、基本的に仕様が作成されるプロセスの段階とは何の関係もありません。が位置しています。仕様の機能が普及し始めており、下位互換性のために変更できない場合、この段階は ED 仕様段階または CR 段階にある可能性があります。これは、W3C 標準リリース プロセスではなく、安定性を判断する正しい方法です。そうは言っても、著者は、落とし穴を回避するために、安定性に応じて新しい CSS プロパティを使用する方法についても言及しました。実際、段階的な強化と正常な劣化を実現できます。有名な Web サイト http://caniuse.com について言及する必要があります。この Web サイトは、特定の属性を入力するときに、単に CSSER を使用することになると思われます。以下のタグを参照すると、その公式ドキュメントと多くの最新の学習記事がすぐに見つかり、使用上の既存の問題についても学びました。たとえば、flex と入力すると、次のようなタグがあります。

css-trick や github などの有名な Web サイトの記事があり、比較的新しく、よく書かれた記事が多くあります。

ここには、CSS 3 の命名に関する少しの常識もあります。Tab Atkins Jr が記事「A Word About CSS4」で代理で説明しました。 CSSWG の主な内容 つまり、CSS 3 は CSS 2.1 以降に追加された新しい CSS プロパティを表しており、CSS4 のようなものは存在しません。以下は、記事の内容と、それを読んだ後の私自身の理解の一部を組み合わせたものです。原文を読みたくない場合は、少し学ぶことができます。よく理解していないかもしれませんが、偏見を持ちすぎてはいけません。CSSWG が CSS 2.1 バージョンを終了したいと考えたとき、「バージョン」は使いにくいことがわかりました。なぜなら、一度バージョンを使用して CSS を公開すると、CSS が保守や開発も難しくなります。上記の CSS の標準リリース プロセスと CSS の現在の使用状況を組み合わせると、これが実際に当てはまると考えるのは難しくありません。 CSS の整合性は強力ではないため、CSS プロパティは特定の効果を達成するために個別に提案およびフィードバックされ、他の提案されたプロパティと重複することはありません。一部のプロパティは常に使用されており、新しい更新を必要としません。プロパティはすぐに削除される可能性があるため、CSS をバージョン全体でリリースするのは非科学的です。この考えに基づいて、CSSWG は CSS を多数の独立した小さなモジュールに分割することを決定しました。各モジュールには 1 つの主要機能 (機能) のみが含まれており、それらは独立してアップグレードおよび開発できます。なぜ、いくつかの機能のみを含む小さなモジュールに分割する必要があるのでしょうか。このようにすると、1 つのモジュールにあまりにも多くの機能が含まれることがなくなり、1 つの機能が解決するのが特に難しいため、モジュール全体の他の機能の開発やアップグレードが妨げられることはなくなります。このアイデアは CSS 2.1 バージョンが完成したときに決定されたため、現在では CSS をモジュールに編成する必要があり、それに応じていくつかのレベルを設定する必要があります。ルールは次のとおりです:

1. モジュールに CSS 2.1 の関連コンテンツがある場合、これらのモジュールはレベル 3 から始まります。

2. まったく新しいプロパティ (Flexbox など) の場合は、レベル 1 から直接開始します。

3. モジュールのレベルは、そのモジュールが含まれている CSS バージョン、つまり、CSS 2.1 コンテンツであるか、まったく新しい属性であるかには関係ありません。モジュールという概念は新しく提案されたものであるため、モジュールである限り、どのモジュールレベルであっても、すべてCSS 3に属します(あるいはすべてCSSであるとも言えます)。

4. css4-backgrounds のようなものが表示される場合があります。これは実際には CSS 背景と境界線のレベル 4 を表します。つまり、4 はモジュールのレベルを表します。

その後、Da Mo 先輩もより包括的な内容の関連記事を執筆し、ブラウザーのプレフィックスの問題について話していることがわかりました。こちらも参考にさせていただきましたので、以下の参考リンクをクリックしてご覧ください。

この記事の参照先:

Tab Atkins Jr. http://www.xanthir.com/b4Ko0#nav

CHRIS COYIER https://css-tricks .com /css-standards-process/

CSS 秘密の花園: Web 標準は敵か味方か?

レベルは限られているため、間違いは修正してください。元のブログ記事、転載の際は出典を明記してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
テキストからウェブサイトへ:HTMLの力テキストからウェブサイトへ:HTMLの力Apr 13, 2025 am 12:07 AM

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1)htmlは、などのタグを介してドキュメント構造を整理します。 2)ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3)マルチメディア関数を強化するなど、HTML5の新機能。 4)一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5)最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

HTML、CSS、およびJavaScriptの理解:初心者向けガイドHTML、CSS、およびJavaScriptの理解:初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

HTMLの役割:Webコンテンツの構造HTMLの役割:Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。

HTMLとコード:用語を詳しく見るHTMLとコード:用語を詳しく見るApr 10, 2025 am 09:28 AM

htmlisaspecifictypeofcodefocuseduructuringwebcontent

HTML、CSS、およびJavaScript:Web開発者に不可欠なツールHTML、CSS、およびJavaScript:Web開発者に不可欠なツールApr 09, 2025 am 12:12 AM

HTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。

HTML、CSS、およびJavaScriptの役割:コアの責任HTML、CSS、およびJavaScriptの役割:コアの責任Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLは初心者のために簡単に学ぶことができますか?HTMLは初心者のために簡単に学ぶことができますか?Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTMLでの開始タグの例は何ですか?HTMLでの開始タグの例は何ですか?Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

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衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール