ウェブストームで新しい CSS ファイルを作成する方法

WebStorm で新しい CSS ファイルを作成するには: プロジェクト構造を開き、ターゲット フォルダーで [新規] > [CSS ファイル] を右クリックします。ファイル名を入力し、プリセットテンプレート、エンコーディング、ファイルタイトルを含めるかどうかを選択し、「作成」をクリックします。

WebStorm で新しい CSS ファイルを作成する方法

新しい CSS ファイルを作成する手順:

1. WebStorm を開いて新しいプロジェクトを作成するか、既存のプロジェクトを開きます。
2. プロジェクト構造内で、CSS ファイルを作成するフォルダーに移動します。
3. フォルダーを右クリックし、[新規] > [CSS ファイル] を選択します。
4. 新しい CSS ファイルの名前を入力します。
5. 「作成」をクリックします。

詳細オプション:

• プリセット テンプレートの選択: WebStorm には、さまざまなプリセット CSS テンプレートが用意されています。スタイルシートやグリッドレイアウトのリセットなど。 [テンプレート] ドロップダウン リストから必要なテンプレートを選択できます。
• エンコーディングの設定: UTF-8 や UTF-16 などの正しいエンコーディングを選択してください。
• ファイル タイトルの追加: 含まれるファイルのタイトルは、CSS ファイルの先頭に表示されます。含めるかどうかを選択できます。

新しく作成された CSS ファイルは次のようになります:

/*
 * CSS Reset
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 */

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* Fix margins for blockquote elements in IE 11+ */
blockquote {
  margin: 0;
}

/* Normalize line height for headings 1 to 6 in Chrome, Firefox, and Safari */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0ms !important;
    scroll-behavior: auto !important;
  }
}

これで、CSS ファイルにスタイルを記述できるようになります。

以上がウェブストームで新しい CSS ファイルを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。