Global CSS
Global CSS is a styling approach in web development where CSS rules are defined in a global scope, applying styles across an entire website or application without component-level encapsulation. It involves writing CSS in external files or style tags that affect all matching HTML elements, enabling consistent design systems and centralized theming. This method contrasts with modern component-scoped CSS techniques like CSS-in-JS or CSS Modules.
Developers should use Global CSS for projects requiring uniform styling across multiple pages or components, such as large-scale websites, legacy systems, or when simplicity and broad consistency are priorities. It is particularly useful for rapid prototyping, static sites, or when integrating with CSS frameworks like Bootstrap, as it allows easy application of global themes and reduces redundancy in style definitions.