Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Werner van Strien
Werner van Strien
1,190 Points
Posted by Werner van Strien
Werner van Strien
1,190 Points

CSS Fundament, which one to use?

Hello to the ones who know,

On every website there is a main.css, or normalize.css, or else sort of basic fundament css form. Where the basic structure is put in, which can be customized by self made css forms and put under the basic one in the <head>.

Can someone tell me if there is a sort of best fundament css file to find on the internet or via team treehouse, which will be always good to put as the main css on every webpage?

Maybe the one in the lessons on css is good, I don't know (normalize.css)? But there must be a file which gives a clean start on where custamizations can be made via child.css's ??

Regards and thank in advance,

Werner van Strien

2 Answers

Jeff Lemay
Jeff Lemay
14,268 Points
Jeff Lemay
Jeff Lemay
14,268 Points

Normalize.css is still pretty standard. This will make sure all browsers give you the same blank slate.

On top of that, it's common to see bootstrap which gives you a grid structure, font/button/table/form/etc styling, and more.

Fynn Lehnert
Fynn Lehnert
15,244 Points
Fynn Lehnert
Fynn Lehnert
15,244 Points

Hey Werner, normalize.css is a set of CSS rules to sort of reset the browser so your own css does not conflict with the browser specific styles.

the main.css is the main css file used on that site. but you could name it everything! app.css, werner.css, web.css. ...it doesn't matter as long as you link to it correctly from the head of your html.

i would always recommend to reset the browser (aka user agent-) styles either by normalize which keeps some defaults like font-size's or css reset which resets everything so you can start clean.

i personally use css reset.