Best way to learn CSS?
- Started
- Last post
- 64 Responses
- EightyDeuce0
Trial and error is the best way, that and a decent book to reference from. Site Point usually has good resources example: http://www.sitepoint.com/books/c…
- kodap0
I have started with dreamweaver, which helped me understand the css translated into design.. experimenting through the years led me to do it all with code, sometimes with the help of firebug extension http://getfirebug.com
- when I needed help, a quick check on w3c site helped a lotkodap
- NONEIS0
"an o'reilly book?" – yes.
- Projectile0
ok checkit- I'm gonna use this thread for silly questions now.
For example.. want to try having some menu buttons as a span or a tag so they'll be in line. But there's padding. I even tried to specify no padding
css:
.menupad {padding: 0px}HTML:
<a><img src="images/TabMenu2.gif"></a>
<a style="menupadding"><img src="images/TabMenu2.gif"></a>There is still about 4px of padding. Will this always happen? Should I usually create float-left divs? when's a good time to use spans and a tags?
- css = menupadding not menupad so it should workProjectile
- <a class="menupadding">spraycan
- <a class="menupad">janne76
- a class="menopause"ukit
- 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
- 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)
- 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!
- ckentish0
Just Do It
- 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???
- 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.
- 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.
- 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
- forcetwelve0
just use cssedit and coda - teach yourself by opening up a downloaded free template.
- OSFA0
Got some store credit...Which one should I get?
- dibec0
Practice. Practice. Practice.
- 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
- 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.
- ukit0
- lukus_W0
Best way is to get a CSS brain blaster: