Vidéo: Disruptive wonder for a change: Kelli Anderson at TEDxPhoenix 2024
Ici, vous modifiez les feuilles de style en cascade (CSS) sur huffingtonpost. com (ou votre site d'information de choix) en utilisant le navigateur Chrome. Jetez un oeil à la façon dont le CSS fonctionne dans la nature. Suivez simplement ces étapes:
-
À l'aide d'un navigateur Chrome, naviguez vers votre site d'actualités favori, idéalement avec de nombreux titres.
-
Placez le pointeur de votre souris sur un titre, cliquez avec le bouton droit de la souris et, dans le menu qui s'affiche, sélectionnez Inspecter l'élément.
Une fenêtre s'ouvre en bas de votre navigateur.
-
Cliquez sur l'onglet Style sur le côté droit de cette fenêtre pour voir les règles CSS appliquées aux éléments HTML.
-
Changez la couleur du titre en utilisant CSS.
Pour ce faire, recherchez d'abord la propriété color dans l'élément. section de style; Notez la case de couleur carrée dans cette propriété qui affiche un échantillon de la couleur actuelle. Cliquez sur cette case et modifiez la valeur en sélectionnant une nouvelle couleur dans le menu contextuel, puis appuyez sur Entrée.
Votre titre apparaît maintenant dans la couleur que vous avez choisie.
Si l'élément. La section style est vide et aucune propriété de couleur n'apparaît, vous pouvez toujours l'ajouter manuellement. Pour ce faire, cliquez une fois dans l'élément. section de style, et lorsque le curseur clignotant apparaît, tapez la couleur: violet. Le titre devient violet.
Comme pour HTML, vous pouvez modifier le CSS d'un site Web à l'aide de la fonctionnalité Inspecter l'élément de Chrome, également appelée Outils de développement. La plupart des navigateurs modernes, y compris Firefox, Safari et Opera, ont une fonctionnalité similaire.
