Recommended guides for knowing which html tags to style globally?

my design skills aren't great and i've gotten to know CSS mainly through tailwind. Most of my experience is designing app components but i'm working on some blogs and am finding myself sometimes confused where i tend to end up apply tw classes on many different main tags and what nto.

I notice a lot of projects style their globals.css for some of the common tags. I'm wondering if there are guides that suggest like "you should do x to your body gloally, y to your h1's etc).

I feel like im a little bit dyslexic so i hate getting "lost" in my tw classes , esp. across pages or components

matvey•4/10/24, 12:36 AM

Tailwind already has a css reset built-in. Other than that, It's usually not recommended to apply styles globally

matvey•4/10/24, 12:38 AM

I usually only add

color-theme

color-theme

and

accent-color

accent-color

to the html in globals.css

Mmatvey Tailwind already has a css reset built-in. Other than that, It's usually not rec...

DiamondDragonOP•4/10/24, 4:38 AM

oh really? ive been poking around trying to find example astro repos to understanding the styling and have been coming across a lot of sites styling globally

https://github.com/markhorn-dev/astro-nano/blob/main/src/styles/global.css

GitHub

astro-nano/src/styles/global.css at main · markhorn-dev/astro-nano

Astro Nano is a static, minimalist, lightweight, lightning fast portfolio and blog. - markhorn-dev/astro-nano

matvey•4/10/24, 4:38 PM

@apply

@apply

is not recommended by the tailwind team, if you can avoid it.

Mmatvey `@apply` is not recommended by the tailwind team, if you can avoid it.

DiamondDragonOP•4/10/24, 11:51 PM

So is the recommendation to just layer different layouts? Like a base page layout and a content layout that wraps all main tags?