cssは横向きに書くべきですか、それとも縦向きに書くべきですか？

css の記述方法には、それぞれ異なる利点があります。たとえば、開発時には css を縦書きで記述し、仕様に従ってエンコードし、書式をインデントします。1 つ目はコードが読みやすいこと、2 つ目はコードが簡単であることです。 gulp や grunt などのビルド ツールを使用してスクリプトを作成し、生成されたコードが水平になるように CSS を最適化し、CSS のサイズを削減できます。

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

CSS を水平方向に書きますか?それとも垂直方向に書きますか?

開発: 縦書きで、仕様に従ってコードを記述し、インデントをフォーマットします。第一に、コードは非常に読みやすく、第二に、デバッグが簡単です。

オンライン: 次のようなビルド ツールを使用します。 gulp または grunt としてスクリプトを作成し、CSS を最適化し、CSS サイズを削減し、横書きコードを生成します。

#拡張:

縦書き機能:

各 CSS プロパティは独自の行にあり、通常は改行や水平スクロール バーは表示されません。

Firebug やその他のツールを使用してモジュールを見つけ、DW で ctrl g 行を使用して見つけることができるため、変更が簡単です。

コードが明確で階層的であること、プログラミング言語コードの仕様に準拠していること、および変更がより直観的であることを保証するために、属性の段落の間にインデントがあります。

既存の問題: 冗長なコード (スペース、タブ、改行など)、ファイル サイズの増加、垂直スクロール バーが表示される傾向があります。

横書き機能:

スペースを最大限に活用し、1 つの画面により多くの情報を表示でき、垂直スクロール バーが表示される可能性を減らし、その他の情報をすばやくキャプチャできます。情報。

ファイルサイズを削減し、不要なスペースや改行などを削除します。

横書きなのでブロック分割や注釈が付けやすく、CSSの構造が見やすく、セレクターも一目瞭然です。現在のモニターは大型化、幅広化が進んでおり、基本的にはすべてを 1 行に表示できます。

毎回改行やタブを入力する必要がなくCSSの記述が高速化され、スクロールバーを引く回数が減ります。

アクティブなページの場合、圧縮処理には使用されません。 CSSの最適化にはCSSオプティマイザーを使うのがおすすめですが、横書きの場合は基本的に余分なスペースや改行が入らないので圧縮する必要がなくなり、効率と能力が向上します。

関連する構造を読みやすく、見つけやすい。コード エディターはピアの数を見つけるのが比較的得意なので、解決する必要があるのは、ターゲットを垂直方向に素早く見つける方法です。横書きの場合はセレクターが縦に並び、

.class_name_2 .class_name_2_1 .class_name_2_1_1 のセレクターは階層構造が明確なので、目的の場所を見つけやすいです。

小さなバグをデバッグする場合、firebug を開いてモジュールを探す必要がなく、CSS の変更を直接開くことができます。

横書きはCSSセレクターに基づいており、レベルの比較が容易でモジュール化が容易です。全体的な CSS 計画に適しており、メンテナンス後のコストも低くなります。

CSS コードの異なるバージョンの比較が容易になります。

既存の問題: 書き込みが濃すぎるため、読むのに影響します。この欠点は明らかですが、最適化が適切に行われている限り、このような状況はまれです。

今日の帯域幅では、K の Web ページ ファイルのサイズは非常にわずかですが、Web デザイナーは K の Web ページ ファイルを最小限に効率化する方法を検討する必要があります。横書きにすることで不要なスペースや改行などがなくなり、ファイルサイズが大幅に小さくなります。

どの書き方が正しいとは言えません。具体的な書き方については、個人の好みによるものです。もちろん、習慣が変わると作業効率に影響が出ることもあります。そこで私たちが提唱するのが CSS です。提出されたスタイルファイルはコード整形後、DWなどのツールに完全に引き継がれ、クリックするだけでファイル全体がイメージどおりに表示されます。このようなコードは見た目も快適で、変更も簡単で、その後のチーム メンバー間の引き継ぎもスムーズになります。

推奨: 「

css ビデオ チュートリアル 」

以上がcssは横向きに書くべきですか、それとも縦向きに書くべきですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。