Créez votre fichier CSS externe. Ouvrez un nouveau fichier dans un éditeur de texte et l'enregistrer avec une extension «.css» - par exemple, "mypagestyle.css" ou tout autre nom que vous préférez. Ajouter un lien vers votre feuille de style au sein de la section de la tête de votre page HTML. Ouvrez la page et de regarder pour la fermeture ""Tag ajouter ce qui suit avant de.:
Modifiez la valeur "href" attribut si vous avez enregistré votre fichier avec un nom différent. Ce code suppose que le fichier CSS est stocké au même emplacement que la page HTML.
Trouver les déclarations CSS que vous souhaitez déplacer à votre feuille de style externe. Si les déclarations sont en ligne, ils apparaîtront énumérés dans les balises d'ouverture des éléments comme suit:
Voici un texte dans un élément
Ceci est un exemple simple dans lequel texte et du fond sont indiqués. Surlignez le texte figurant entre les guillemets que l'attribut "style", le copier et le coller dans votre fichier CSS. Supprimer l'attribut de l'élément HTML de style ensemble quand vous l'avez copié dans votre feuille de style.
Ajouter classe et ID attribue à vos éléments HTML pour les identifier dans le fichier CSS. Modifier votre ouverture "div" tag, cette fois, y compris un attribut ID:
Voici un texte dans un élément
Si votre élément a déjà un attribut ID, vous pouvez l'utiliser au lieu d'ajouter votre propre. Alternativement, vous pouvez utiliser un attribut de classe comme suit:
Voici un texte dans un élément
Modifier votre code CSS pour refléter l'identité ou attribut de classe que vous avez ajouté. Autour des déclarations CSS vous avez copié dans votre fichier CSS, placez un bloc identifiant la classe ou l'ID que vous avez choisi. Pour l'attribut ID, utilisez la syntaxe suivante:
contenu
{Color: # FF0000- background-color: # 000000-}
Si vous avez utilisé un attribut de classe, utilisez la commande suivante:
.contenu
{Color: # FF0000- background-color: # 000000-}
Copiez tout le code CSS à partir d'une feuille de style interne dans votre fichier externe. Si vous avez du code au sein d'une section CSS interne dans la région de la tête de votre page HTML, vous pouvez également transférer sur votre fichier CSS séparé. Ce code est normalement indiqué comme suit:
Copiez le code entre les balises «style» et le coller dans votre fichier CSS. Supprimer toute la zone "style" de votre HTML quand il a été copié. Enregistrez vos fichiers et ouvrez la page dans un navigateur pour tester.