Застосування Стилів Вебсайту За Допомогою CSS
Мета
Наступний крок — додати стилі до нашого сайту, щоб він не виглядав як сирий HTML. Також визначимо кольори, які хочемо бачити на вебсайті.
Можемо скористатися наступним джерелом (https://colorhunt.co/), щоб обрати палітру кольорів, яка нам найбільше подобається.
Ми обрали таку палітру кольорів:
Можливий запит
Створити CSS-стилі, які можна застосувати до цього HTML, забезпечивши включення елементів стилізації та дотримання наступної палітри кольорів: #32012F, #524C42, #E2DFD0, та #F97300. Написати повний CSS-код для досягнення цього, використовуючи найкращі практики для візуально привабливого дизайну.
Результат
Важливо: Єдина зміна, яку потрібно внести в наш код — підключити CSS-файл до HTML-файлу в розділі head.
index.html
index.css
Стан вебсайту
Відеоінструкція
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Can you show me the CSS code that was generated?
How do I connect the CSS file to my HTML file?
Can you explain how to customize the color palette further?
Чудово!
Completion показник покращився до 5Застосування Стилів Вебсайту За Допомогою CSS
Свайпніть щоб показати меню
Мета
Наступний крок — додати стилі до нашого сайту, щоб він не виглядав як сирий HTML. Також визначимо кольори, які хочемо бачити на вебсайті.
Можемо скористатися наступним джерелом (https://colorhunt.co/), щоб обрати палітру кольорів, яка нам найбільше подобається.
Ми обрали таку палітру кольорів:
Можливий запит
Створити CSS-стилі, які можна застосувати до цього HTML, забезпечивши включення елементів стилізації та дотримання наступної палітри кольорів: #32012F, #524C42, #E2DFD0, та #F97300. Написати повний CSS-код для досягнення цього, використовуючи найкращі практики для візуально привабливого дизайну.
Результат
Важливо: Єдина зміна, яку потрібно внести в наш код — підключити CSS-файл до HTML-файлу в розділі head.
index.html
index.css
Стан вебсайту
Відеоінструкція
Дякуємо за ваш відгук!
