feuilles de style externes
Acheter Nos Livres
Le CSS vous avez utilisé jusqu'à présent a été placé dans la section HEAD de votre code HTML. cependant, est dans un fichier externe Un meilleur endroit pour mettre tout votre CSS,. (Par cela, nous entendons un fichier séparé.)
Dans un nouveau type de fichier texte qui suit (cliquez sur Fichier> Nouveau dans le Bloc-notes, si vous utilisez ce):
Cela va être notre feuille de style externe. Il n'a qu'une seule classe mis en place, une classe Pseudo pour le style de vol stationnaire. Soulignements sont éteints lorsque la souris est sur le lien, et la couleur du texte devient rouge.
La principale chose à noter ici est que nous ne avons pas besoin de balises STYLE ouverture et de fermeture: vous tapez vos sélecteurs et accolades.
Cliquez sur Fichier> Enregistrer dans le Bloc-notes pour enregistrer votre travail. Lorsque la boîte de dialogue apparaît, accédez à votre dossier HTML et créer un nouveau dossier appelé css. Déplacer à l'intérieur de ce dossier. Dans la zone Nom du fichier, tapez styles.css. Assurez-vous que Enregistrer sous lire tous les fichiers. si vous utilisez Windows. Après avoir enregistré votre nouveau document, la fenêtre de votre explorateur devrait ressembler à ceci:
Quand vous allez un dossier à votre dossier HTML, vous devriez avoir ceci:
Pour qu'une page Web peut voir notre nouvelle feuille de style externe, vous devez ajouter du code dans la section HEAD.
Ouvrez votre code about.html. Ajouter ce qui suit dans la section HEAD:
Votre code devrait ressembler à ceci:
Pour créer un lien vers une feuille de style externe, puis, vous commencez avec le mot LINK, après un support de gauche pointu. Les trois autres attributs sont les suivants:
Rel signifie relation, ce qui signifie la relation entre ce fichier about.html et le document que vous allez pointer vers. REL peut prendre beaucoup d'autres valeurs, mais seulement Stylesheet est couramment utilisé.
Le TYPE fait référence à ce qu'on appelle un type MIME. Pour les feuilles de style, vous avez besoin de la valeur « text / css ».
L'attribut final est HREF. Ceci est le chemin de votre fichier CSS. Il est utilisé exactement de la même manière que pour les hyperliens. Notez le chemin pour nous:
Le lien est dans la page about.html. L'emplacement de la feuille de style est un dossier vers le haut, d'où les deux points et la barre oblique, suivi du nom du dossier css. Si notre stylesheet était dans le même dossier que la page about.html que nous aurions pu faire ceci:
Mais enregistrez votre travail et charger votre page about.html dans votre navigateur. Déplacez votre souris sur votre lien hypertexte. Si tout va bien, alors il devient rouge et le soulignement disparaîtra. Si elle n'a pas, assurez-vous que votre référencement de fichiers est OK, et que vous avez votre feuille de style au bon endroit.
Dans la section suivante, vous apprendrez comment transformer une liste HTML dans une barre de navigation.