Less は CSS 拡張機能および動的スタイル シート言語であり、クライアント側またはサーバー側で実行できる CSS プリプロセッサであり、Web ページのスタイル シートのカスタマイズ、管理、再利用に役立ちます。Less はオープン ソースです。ブラウザ間互換性もある言語。
#この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、css3。
この記事では主にLessとは何か?について紹介します。 Less のメリットとデメリットを皆さんに知っていただき、お役に立てれば幸いです。
少ないとは何ですか?
Less は、CSS 拡張機能および動的スタイル シート言語であり、クライアント側またはサーバー側で実行できる CSS プリプロセッサであり、Web ページの表面のスタイルのカスタマイズ、管理、再利用に役立ちます。
Less はオープンソース言語であり、ブラウザ間互換性もあります。
CSS プリプロセッサとは何ですか?
#CSS プリプロセッサは、スクリプト言語であり、CSS の拡張機能です。 CSS は通常の CSS 構文にコンパイルされ、Web ブラウザーによって読み取られます。 Less は CSS に非常によく似ていますが、動的 CSS の構築に役立つ変数、関数、ミックスイン、操作などの機能を提供します。
Less と SASS はどちらも CSS プリプロセッサの例です。どちらも Web ブラウザで読み取られる CSS 構文をコンパイルして生成するためです。
Less の使い方
Less は JavaScript で記述されており、実行するには Node.js または Web ブラウザーが必要です。 Less.js を Web サイトに組み込むと、リンクされたすべての .Less スタイルシートがその場でコンパイルされます。
#Less の長所と短所
##利点:
1. Less は CSS プリプロセッサです。コンパイル後、ブラウザに適したシンプルな CSS が生成されます。
2. ブラウザ間の互換性のサポートが少なくなります。
3. Less はネストを使用するため、コードがより短く、明確になり、特定の方法で整理されます。
5. Less は、コーディングを高速化して時間を節約するための一連の演算子を提供します。
6. Less は、外部ファイルを簡単に処理できるように @mport ルールを提供します。注: スタイルシートを 1 つのファイルに入れるのではなく、複数のファイルに分割する人が多いため、インポートが必要です。
7. Less はマージ属性を提供します。 Less の最もエキサイティングな機能は、transform、transition、box-shadow などの複数の値を受け入れることです。
8. JavaScript で記述される部分が少ないため、他の CSS プリプロセッサよりも高速にコンパイルできます。
欠点:1. CSS の前処理に慣れていない場合は、Less の関連知識を学ぶのに時間を費やす必要があります。 2. Compass、Gravity、Susy などのフレームワークを含む SASS などの古いプリプロセッサと比較して、Less が提供するフレームワークは少ないです。
3. Less では、モジュール間に密結合があるため、関連モジュールの再利用やテストにはより多くの労力が必要です。
要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。
以上が何が少ないのかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。