Стилізація Вебсайту
Мета
Наступний крок - додати стилі до нашого сайту, щоб він не виглядав як сирий HTML. Ми також надамо кольори, які хочемо бачити на вебсайті.
Ми можемо використовувати наступне джерело (https://colorhunt.co/) для вибору кольорової палітри, яка нам найбільше подобається.
Ми обрали таку кольорову палітру:
Можливий Промпт
Створіть CSS-стилі, які можна застосувати до цього HTML, забезпечивши включення елементів стилізації та дотримання наступної палітри кольорів: #32012F
, #524C42
, #E2DFD0
, та #F97300
. Напишіть повний CSS-код для досягнення цього, використовуючи найкращі практики для візуально привабливого дизайну.
Результат
Важливо: Єдина зміна, яку нам потрібно зробити в нашому коді, це підключити CSS-файл до HTML-файлу в head
.
index.html
index.css
Стан Вебсайту
Відео Урок
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 5
Стилізація Вебсайту
Свайпніть щоб показати меню
Мета
Наступний крок - додати стилі до нашого сайту, щоб він не виглядав як сирий HTML. Ми також надамо кольори, які хочемо бачити на вебсайті.
Ми можемо використовувати наступне джерело (https://colorhunt.co/) для вибору кольорової палітри, яка нам найбільше подобається.
Ми обрали таку кольорову палітру:
Можливий Промпт
Створіть CSS-стилі, які можна застосувати до цього HTML, забезпечивши включення елементів стилізації та дотримання наступної палітри кольорів: #32012F
, #524C42
, #E2DFD0
, та #F97300
. Напишіть повний CSS-код для досягнення цього, використовуючи найкращі практики для візуально привабливого дизайну.
Результат
Важливо: Єдина зміна, яку нам потрібно зробити в нашому коді, це підключити CSS-файл до HTML-файлу в head
.
index.html
index.css
Стан Вебсайту
Відео Урок
Дякуємо за ваш відгук!