Додавання Глобального CSS-Файлу
Глобальні CSS-файли зазвичай містять елементи, такі як макет, типографіка та інші сталі дизайнерські патерни для різних частин застосунку.
Якщо перейти до папки app/ui, ви знайдете файл з назвою global.css. Цей файл дозволяє застосовувати CSS-правила до всіх маршрутів вашого застосунку. Хоча ви можете підключити global.css у будь-якому компоненті, рекомендується додавати його до кореневого компонента макету (app/layout.tsx), який є основним компонентом застосунку.
Додайте глобальні стилі до застосунку. Перейдіть до app/layout.tsx та імпортуйте файл global.css.
Після підключення глобальних стилів, якщо локальний сервер розробки ще працює, ви побачите наступний вигляд: http://localhost:3000/
На практиці
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.08Додавання Глобального CSS-Файлу
Свайпніть щоб показати меню
Глобальні CSS-файли зазвичай містять елементи, такі як макет, типографіка та інші сталі дизайнерські патерни для різних частин застосунку.
Якщо перейти до папки app/ui, ви знайдете файл з назвою global.css. Цей файл дозволяє застосовувати CSS-правила до всіх маршрутів вашого застосунку. Хоча ви можете підключити global.css у будь-якому компоненті, рекомендується додавати його до кореневого компонента макету (app/layout.tsx), який є основним компонентом застосунку.
Додайте глобальні стилі до застосунку. Перейдіть до app/layout.tsx та імпортуйте файл global.css.
Після підключення глобальних стилів, якщо локальний сервер розробки ще працює, ви побачите наступний вигляд: http://localhost:3000/
На практиці
Дякуємо за ваш відгук!
