Додавання Глобального CSS-Файлу
Глобальні CSS-файли зазвичай містять елементи, такі як макет, типографіка та інші сталі дизайнерські патерни для різних частин застосунку.
Якщо перейти до папки app/ui, ви знайдете файл з назвою global.css. Цей файл дозволяє застосовувати CSS-правила до всіх маршрутів вашого застосунку. Хоча ви можете підключити global.css у будь-якому компоненті, рекомендується додавати його до кореневого компонента макету (app/layout.tsx), який є основним компонентом застосунку.
Додайте глобальні стилі до застосунку. Перейдіть до app/layout.tsx та імпортуйте файл global.css.
Після підключення глобальних стилів, якщо локальний сервер розробки ще працює, ви побачите наступний вигляд: http://localhost:3000/
На практиці
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
What should I do if the styles are not being applied after importing global.css?
Can you explain why it's recommended to import global.css in the root layout?
How can I customize the global styles for my application?
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/
На практиці
Дякуємо за ваш відгук!
