Heim >Entwicklungswerkzeuge >webstorm >So erstellen Sie eine neue CSS-Datei in Webstorm
So erstellen Sie eine neue CSS-Datei in WebStorm: Öffnen Sie die Projektstruktur, klicken Sie mit der rechten Maustaste auf „Neu“ > „CSS-Datei“ im Zielordner. Geben Sie den Dateinamen ein, wählen Sie die voreingestellte Vorlage und Kodierung aus, legen Sie fest, ob der Dateititel einbezogen werden soll, und klicken Sie auf „Erstellen“.
So erstellen Sie eine neue CSS-Datei in WebStorm
Schritte zum Erstellen einer neuen CSS-Datei:
Erweiterte Optionen:
Die neu erstellte CSS-Datei sieht folgendermaßen aus:
<code class="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; } }</code>
Sie können jetzt mit dem Schreiben von Stilen in die CSS-Datei beginnen.
Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine neue CSS-Datei in Webstorm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!