Best way to learn CSS?
- Started
- Last post
- 64 Responses
- lukus_W0
^ ^ ^ ^
T H I S
- duhsign0
I bought a book, css:the missing manual or something like that, its a good book, easy to skip around and get the basics then come back for specific stuff. I recommend it for anyone who has no clue about css other than what a style sheet is.
- inteliboy0
As long as you already know html - it's really not that difficult no?
Didn't do the book thing. Just followed a basic 2column layout tutorial - and by the end of that it was pretty clear how CSS worked. After that it's just experience and figuring out the best way to do things.
Dorky lists like "Top 10 CSS Tips" actually are super super helpful.
Also -- though easy to master, it's always always going to take time, money and migraines to get shit working in IE. Kill it.
- lukus_W0
Best way is to get a CSS brain blaster:
- ukit0
- airey0
design may be considered an artform but the framework of css isn't. it's set in stone and the better you learn the rules the better you can play with it. like math or aeroplane mechanics, trust the educated pro, not the self-taught hobbyist.
i could be wrong.
- airey0
well i found books and hands-on worked for me.
some people find lynda.com and the hands-on exercises work for them.
forget the 'just throw yourself into it' without a foundation from at least one or more clearly delivered educational resources (book or vids). i've now freelanced work out to a few so-called experts that i had to then clean up the work of as they had gaping holes in their skills die to either arrogance or simply myopic self learning.
- die = due. really changed the meaning otherwise lol.airey
- dibec0
Practice. Practice. Practice.
- OSFA0
Got some store credit...Which one should I get?
- forcetwelve0
just use cssedit and coda - teach yourself by opening up a downloaded free template.
- Daithi0
The way I learned...
Eric Meyer's CSS Sculptor — it won't win any beauty pageants, or UI awards, but it allows you to build pages in CSS. By forcing you to go through series of tabs: Design / Boxes / Type etc it makes you understand how CSS works. It also generates heavily commented code which explains what everything is doing.
http://www.webassist.com/dreamwe…
Then, when you have built the basics CSS Edit is great for editing and tweaking what you have done. It's a much nicer programme and works quite smoothly. It also allows you to analyse websites that you see which is a great way to learn http://macrabbit.com/cssedit/
Then when you can actually do stuff, Coda is the business. www.panic.com/coda/
...not necessarily the best way. It's also handy to have friends to ask when you get stuck, or to just plain do things for you when you're really stuck.
- Eric Meyer likes my work :o)seeessess
- oops, forgot the link http://www.flickr.co…seeessess
- Bullitt0
Best way to learn is to force the issue. I learned because my role ( at the time) demanded it. HTML dog is a good start for a book though.
Code in notepad. no dreamweaver.
- d_rek0
I would recommend getting firefox+firebug. Firebug is great at showing you the CSS structure. I mean, i can't honestly recommend a book for learning CSS.... Just start looking at sites and starting to dissect snippets of code.
A real excellent way to learn is copy the code and css styles from a site that interests you and paste it into an editor and start fucking with it to how changing the CSS affects the site.
- OSFA0
Is there a CSS book you would recommend to a noob? I can do stuff in Dw, but want to get deeper into CSS and since I have credits for a book, I need a good suggestion. Please???
- ckentish0
Just Do It
- OSFA0
I know it's been said here before, but I am in a bit of a hurry purchasing some books and decided to get one on CSS in order to learn.
Is there one that you would recommend for a beginner?
Thanks!
- Projectile0
ok another quick one. Not sure if I missed something out, but in this example, there's one css element of
div.img (the box that the image sits inside)
and another:
div.img img (the actual image)http://www.w3schools.com/css/try…
can anyone explain what this is about? Do they literally just act as 2 different names? surely not- nowhere in the HTML soes it have "img img"
also, if I stretch and image to be, say, 160px wide, what would be the best way to get the text centered in the middle? (well ro do that I'd have to get div.desc centered below the image)
- 74LEO0
When I needed a crash course in CS4 Dreamweaver and CSS I was referred here. Great step by step tuts.
- yeah done that one. But that's dreamweaver you're learning, not CSS.Projectile