Bagaimana untuk mencipta fail css baharu dalam webstorm

Untuk mencipta fail CSS baharu dalam WebStorm: Buka struktur projek, klik kanan "Baharu" > "Fail CSS" dalam folder sasaran. Masukkan nama fail, pilih templat pratetap, pengekodan, sama ada untuk memasukkan tajuk fail dan klik "Buat".

Cara mencipta fail CSS baharu dalam WebStorm

Langkah-langkah untuk mencipta fail CSS baharu:

1. Buka atau buka projek baharu dan buka WebStorm
2. Navigasi dalam struktur projek ke folder tempat anda ingin mencipta fail CSS.
3. Klik kanan pada folder dan pilih "Baru" >
4. Masukkan nama untuk fail CSS baharu.
5. Klik "Buat".

Pilihan lanjutan:

• Pilih templat pratetap: WebStorm menyediakan pelbagai templat CSS pratetap, seperti set semula lembaran gaya atau reka letak grid. Anda boleh memilih templat yang anda perlukan daripada senarai juntai bawah Templat.
• Tetapkan pengekodan: Pastikan anda memilih pengekodan yang betul, seperti UTF-8 atau UTF-16.
• Tambah Tajuk Fail: Tajuk fail yang disertakan akan muncul pada permulaan fail CSS. Anda boleh memilih sama ada untuk memasukkannya atau tidak.

Fail CSS yang baru dibuat akan kelihatan seperti ini:

/*
 * 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;
  }
}

Anda kini boleh mula menulis gaya dalam fail CSS.

Atas ialah kandungan terperinci Bagaimana untuk mencipta fail css baharu dalam webstorm. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!