Maison >outils de développement >webstorm >Comment créer un nouveau fichier CSS dans Webstorm

Comment créer un nouveau fichier CSS dans Webstorm

下次还敢
下次还敢original
2024-04-08 16:00:26908parcourir

Pour créer un nouveau fichier CSS dans WebStorm : Ouvrez la structure du projet, cliquez avec le bouton droit sur "Nouveau" > "Fichier CSS" dans le dossier cible. Entrez le nom du fichier, sélectionnez le modèle prédéfini, l'encodage, si vous souhaitez inclure le titre du fichier, puis cliquez sur "Créer".

Comment créer un nouveau fichier CSS dans Webstorm

Comment créer un nouveau fichier CSS dans WebStorm

Étapes pour créer un nouveau fichier CSS :

  1. Ouvrez WebStorm et créez un nouveau projet ou ouvrez un projet existant.
  2. Naviguez dans la structure du projet jusqu'au dossier dans lequel vous souhaitez créer le fichier CSS.
  3. Cliquez avec le bouton droit sur le dossier et sélectionnez "Nouveau" > "Fichier CSS".
  4. Entrez un nom pour le nouveau fichier CSS.
  5. Cliquez sur "Créer".

Options avancées :

  • Choisissez un modèle prédéfini : WebStorm fournit une variété de modèles CSS prédéfinis, tels qu'une feuille de style réinitialisée ou une disposition en grille. Vous pouvez sélectionner le modèle dont vous avez besoin dans la liste déroulante Modèle.
  • Définir l'encodage : Assurez-vous de sélectionner le bon encodage, tel que UTF-8 ou UTF-16.
  • Ajouter un titre de fichier : Le titre du fichier inclus apparaîtra au début du fichier CSS. Vous pouvez choisir de l'inclure ou non.

Le fichier CSS nouvellement créé ressemblera à ceci :

<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>

Vous pouvez maintenant commencer à écrire des styles dans le fichier CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn