Appliquer le Style du Site Web avec CSS

Objectif

La prochaine étape consiste à ajouter des styles à notre site afin qu'il ne ressemble pas à du HTML brut. Nous fournirons également les couleurs que nous souhaitons voir sur le site web.

Nous pouvons utiliser la source suivante (https://colorhunt.co/) pour sélectionner la palette de couleurs que nous préférons.

Nous avons sélectionné une telle palette de couleurs :

Invite Possible

Créez une feuille de style CSS qui peut être appliquée à ce HTML, en veillant à inclure des éléments de style et à respecter la palette de couleurs suivante : #32012F, #524C42, #E2DFD0, et #F97300. Écrivez le code CSS complet pour y parvenir, en incorporant les meilleures pratiques pour un design visuellement attrayant.

Résultat

Important : Le seul changement que nous devons apporter à notre code est de connecter le fichier CSS au fichier HTML dans le head.

index.html

index.css

État du site Web

Tutoriel Vidéo

Tout était clair ?

Merci pour vos commentaires !

Section 4. Chapitre 3

Demandez à l'IA

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Contenu du cours

Essentiels du Développement Web avec l'IA

1. Aperçu du Cours et IA dans le Codage

Introduction au Cours L'Évolution du Codage avec l'IA Comprendre l'IA dans le Développement

2. Anatomie du Site Web

3. Introduction à ChatGPT

Comprendre ChatGPT Comment Utiliser ChatGPT Élaborer des Invites Efficaces Générer du Code avec ChatGPT Défi : Créer un Site Web de Portfolio avec ChatGPT

4. Construction du Site Web du Blog