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
Sher K
Courses Plus Student 1,316 PointsEasy way to learn CSS
Any cool ideas what would be the best way to learn CSS the cool but the easy & fastest way? Practice Makes a Man Perfect is True indeed but Foundation is very important? Your 2 cents will help others. Please put it whatever you can :) Thanks in advance.
8 Answers
James Barnett
39,199 PointsStep 1) Get some good tools
- Use a Code Playground
- Double Check your HTML
- Get an Explaination of that CSS Selector
- Clean up Dirty Markup
Step 2) Know where to go for explanations
- HTML Dog
- Learn HTML & CSS by Shay Howe
Step 3) Keep some good syntax references handy
Step 4) Master the most important part of CSS
- Being able to select elements
- And position them on the page.
Step 5) Learn how to write better CSS
- Learn how to talk about CSS
- Keep your CSS DRY
- Create Maintainable Code with a CSS Styleguide
- Understand CSS Specificity
- Don't use IDs in CSS selectors
- Use CSS Lint
Step 6) Flesh out your web design knowledge with a good book
Chad Shores
Courses Plus Student 8,868 PointsRead the chapter on meta-learning from The Four Hour Chef
Mike Morales
19,833 PointsHi Sher,
I don't believe there is one easy way to learn CSS? However, I think it depends on how the person applies his or her way of learning CSS daily. I would suggest practicing on a daily basis until you become familiar with the syntax such as "selector { property: value }." On the other hand, I don't think there is a fast way of digesting all of the information when it comes to learning a new code like CSS.
Good Luck!
James Barnett
39,199 PointsI had my first ah-ha moment with CSS when I figured out how to do this using only floats, no absolute positioning.
Source: Piet Mondrian Composition II
Matt Campbell
9,767 PointsThink of a company you want to start. Online store, magazine, social network....whatever, it's just for practice.
Then....build it.
It's the quickest and best way to learn. You watch the video, do the challenges and quizzes and then cement your learning by putting it into practice. If you've truly understood what you've learnt and are good at coding, then you'll start to see things and think what if I change that etc. You know you've learnt the core principles when you start doing things the video didn't even mention.
Spen Taylor
13,027 PointsPlaying around with CSS is the best way to go.
Start with an idea of what you want a layout to look like then dive in and play around until it works!
Ill often give elements a noisy background color while I'm playing around even if I want it to eventually be transparent, that way you can see exactly where the element is, how wide/tall it is etc.
Sher K
Courses Plus Student 1,316 PointsThanks you guys! I have started using Codepen to practice :)
James Barnett
39,199 PointsSher K - If you like gamification with your learning you can check out: