Table des matières:
- Pour les feuilles de style externes, vous définissez un groupe de styles de texte dans un fichier CCS, tel que mystiques. css. Chaque style peut avoir un nom personnalisé de votre choix. BigHeadline,. SectionHeadline, et ainsi de suite, tant qu'il n'y a pas d'espaces et que le nom est précédé d'un point. Un style comme celui-ci s'appelle une
- Les feuilles de style internes
Vidéo: HTML5 / CSS3 - 18 - Importation police externe en HTML5 2025
> La technologie des feuilles de style en cascade (CSS) vous permet de définir un ensemble de styles de police que vous pouvez utiliser régulièrement sur votre site Web: Imaginez par exemple que vous concevez un site Web volumineux et que vous souhaitiez que toutes les pages soient cohérentes. les en-têtes doivent être en Arial Narrow Bold, 18 points (vous pouvez utiliser des tailles de point réelles en CSS), et une couleur rouge foncé.Toutes les légendes doivent être Verdana Italic, 11 points, et bleu acier.
L'avantage de CSS est qu'il vous fait gagner du temps en vous permettant d'appliquer rapidement des paramètres cohérents àtous les éléments de texte sur un site Web., est aussi simple que de changer une seule ligne de code CSS CSS est disponible en deux versions:
externe et interne eets. Feuilles de style externes dans la conception Web
Pour les feuilles de style externes, vous définissez un groupe de styles de texte dans un fichier CCS, tel que mystiques. css. Chaque style peut avoir un nom personnalisé de votre choix. BigHeadline,. SectionHeadline, et ainsi de suite, tant qu'il n'y a pas d'espaces et que le nom est précédé d'un point. Un style comme celui-ci s'appelle une
classe dans la terminologie CSS. Après avoir défini la classe avec un nom personnalisé, vous ouvrez les parenthèses et incluez une liste de propriétés de style telles que le choix de la police, la couleur et la taille, comme dans l'exemple suivant:
Lorsque vous utilisez une feuille de style externe, chacune de vos pages Web fait référence à ces mystiques uniques. fichier css pour leurs informations de style de police. Ceci est accompli en plaçant une ligne de code dans chaque page Web qui lui indique où trouver des mystyles. css en ligne. Ensuite, tous les éléments de texte sur la page Web auxquels est assigné un de vos noms de style personnalisés (tels que BigHeadline) seront rendus tels que vous les avez codés.
une fois à la classe dans les mystiques. CSS CSS, et toutes les pages Web avec du texte qui utilisent le style BigHeadline seront mises à jour instantanément. Voici deux exemples de classes CSS personnalisées qui définissent l'aspect des titres et des titres de section.
Les feuilles de style internes
sont des styles CSS que vous définissez pour une seule page, et non pour l'ensemble du site Web. Les feuilles de style internes sont pratiques pour les petites nuances trouvées sur une seule page, bien que ce ne soit pas la meilleure pratique pour les utiliser. Si tous vos codes CSS sont dispersés sur différentes pages Web, cela représente un fardeau de maintenance de site: vous devez creuser pour trouver l'emplacement de tous les codes. Il est préférable de rassembler tous vos CSS dans un seul fichier facile d'accès. Les feuilles de style internes, si vous décidez de les utiliser, se trouvent dans la balise et remplacent les feuilles de style externes auxquelles la page peut également faire référence. Le nom de la classe et ses valeurs de propriétés vont dans la section supérieure du code HTML, comme indiqué dans cet exemple:
Exemple de styles CSS internes. Titre {font-famille: "Arial Narrow Bold", Arial; taille de police: 16pt; font-weight: 800; couleur: # 990033 text-transformer: majuscule;}. Légende {font-family: Verdana, Arial, Helvetica, sans-serif; taille de police: 11pt; style de police: italique; color: # 333366}
Dans ce code, vous pouvez voir que le. Le style de titre est Arial Narrow Bold en 16 points. Le numéro # 990033 après couleur est un code hexadécimal qui crée un rouge foncé. Lorsque vous ajoutez des en-têtes à votre page Web, vous pouvez les formater rapidement en appliquant le. Style de titre que vous avez défini pour la page:
Les titres sont un cinch pour mettre en forme
