Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

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,267 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.

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.