Feuilles de style externes et feuilles de style CSS intégrées

Mai 3, 2024

Il y a quelques choses qui rendent les feuilles de style externes différentes des feuilles de style intégrées.

Feuilles de style intégrées
Dans les didacticiels précédents, vous avez vu des exemples de feuilles de style CSS intégrées et vous avez appris que le code CSS de base d'une feuille de style intégrée commence et se termine par les balises. À l'intérieur de ces balises se trouve le code CSS qui est composé de chaque sélecteur (s) et de ses paires de valeurs de propriété respectives. Enfin, le style intégré est placé dans la section principale de votre page Web.

Exemple

Feuilles de style externes
Les feuilles de style externes sont un peu différentes car elles n'ont pas de balises de début et de fin. En fait, vous ne pouvez pas avoir de balises HTML à l'exception des commentaires et de l'instruction @import. Il s'agit essentiellement d'un fichier texte qui contient uniquement le code CSS.

Exemple

body {background-color: #ffffff}

p {taille de police: 12 pt; couleur: # 000000; alignement du texte: centre}

Vous pouvez nommer votre feuille de style externe comme vous le souhaitez, mais il est recommandé de donner au fichier un nom qui reflète l'objectif du code CSS. Par exemple, le code CSS qui contrôle le style des liens de menu sur votre page Web pourrait s'appeler menu.css. Bien qu'il soit facultatif, vous devez utiliser l'extension .css pour vos feuilles de style externes.

Après avoir créé vos feuilles de style externes, vous pouvez les utiliser sur n'importe quelle page Web en plaçant la balise ou l'instruction @import dans la section head.

Instructions Vidéo: Les feuilles de style CSS (1/15) - C'est quoi CSS et comment l'intégrer? (Mai 2024).

Feuilles de style externes et feuilles de style CSS intégrées, HTML, quelle est la différence entre les feuilles de style intégrées et externes, les feuilles de style externes, les feuilles de style intégrées, la balise de lien, la déclaration d'importation, comment utiliser la feuille de style intégrée, comment utiliser le style externe feuille, HTML, XHTML, DHTML, CGI hébergé, hôtes Web, domaine, noms de domaine, FTP, JPEG, GIF, CSS, guide pratique

Article Précédent

Article Suivant

Articles Connexes

des ordinateurs

Harvest Moon - Friends of Mineral Town

Mai 2024

Harvest Moon a été extrêmement addictif sur le SNES et le N64. La version GBA est tout aussi addictive - et peut être jouée n'importe où! Le gameplay familier et amusant est ici. Vous êtes un...

des ordinateurs

Intégration Dreamweaver et jQuery Mobile

Mai 2024

Au cours des dernières années, DreamweaverR a reçu un nombre croissant de fonctionnalités pour créer du contenu Web mobile et des applications mobiles. Cette nouvelle mise à niveau vers CS6 ne fait...