Comment créer des styles externes dans CSS3 - mannequins

La plupart des développeurs utilisent des styles externes dans CSS3 pour réduire la quantité de travail nécessaire pour maintenir un site. Un célibataire ou Individual. Le fichier CSS contient tous les styles pour le site, ce qui signifie que la modification d'un style à l'échelle du site est aussi simple que de changer ce fichier (plutôt que chaque page). Parce que le changement se produit dans un seul endroit, il n'y a aucune chance de manquer un ou plusieurs changements sur des pages individuelles.

Créer et utiliser une feuille de style externe n'est pas très différent de l'utilisation d'une feuille de style interne. L'exemple suivant utilise des techniques standard pour créer une feuille de style externe:

1. Créez un nouveau fichier HTML5 avec votre éditeur de texte.

2. Entrez le code de la page HTML.

   Une page simple
   
   Un titre simple
   Un texte simple avec l'en-tête.
   

   Assurez-vous de taper le code avec précision. Ce que vous devriez obtenir avec est la même page simple - un sans tous les styles.

3. Tapez le code suivant immédiatement après l'étiquette.

   La balise indique au navigateur de rechercher une ressource externe. Dans ce cas, l'attribut rel indique qu'il doit rechercher une feuille de style et l'attribut href fournit le nom de cette feuille de style.

4. Enregistrez le fichier HTML5 sur le disque.

5. Créer un nouveau. Fichier CSS avec votre éditeur de texte.

   Votre éditeur ne peut pas prendre en charge. Fichiers CSS. Tout fichier texte fera l'affaire.

6. Tapez le code suivant dans le. Fichier CSS.

   p {font-famille: cursive; taille de police: grande; couleur: # 0000ff; background-color: # ffff00;} h1 {font-famille: "Times New Roman", Géorgie, serif; taille de police: 40px; text-align: centre; text-decoration: souligné; couleur: # ff0000; background-color: # 00ffff;}
   

   Il s'agit peut-être du même code que celui que vous avez utilisé pour créer votre fichier interne. La seule différence est qu'elle réside maintenant dans un fichier externe.

7. Enregistrez le fichier CSS sur le disque en tant que ExternalCSS. CSS.

   Il est absolument essentiel que le nom du fichier corresponde exactement au nom trouvé dans l'attribut href. Certaines plates-formes sont sensibles à la casse, vous devez donc utiliser le même cas pour le nom de fichier. Par exemple, externalcss. css peut être considéré comme un fichier différent de ExternalCSS. CSS.

8. Chargez la page dans votre navigateur.