Best way to learn CSS?
- Started
- Last post
- 64 Responses
- Ravdyk0
Use the slogan of nike
- DevinOwens0
Hey what is your email? I have some video's to send you,
It's what help me get started.
- ETM0
And absolutely understand the concept of hierarchy and inherited values. It will help you trace phantom issues as well as write cleaner CSS by not repeating unneeded values.
- 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
- 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…
- pillhead0
Lynda.com, then just get on with putting a test page together. Thats what I did, the best tip I can give you is learn how to layout DIV properly, and do not go onto any other steps until you fully understand what's going on with the layout of the web page and the conflict you will encounter with DIV tags, it will save you a lot of pain in the long run.
- 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.
- dibec0
Practice. Practice. Practice.
- boobs0
- < Thatflashbender
- what boobs and flashbender said...utopian
- ...and utopian saidalicetheblue
- OSFA0
Overcharge your projects and hire one of those web guys to do it... ;)
- yeah that's what I've been doing, but then I thought.. the web guy must be overcharging me!!Projectile
- 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.
- 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
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???
- ukit0
- 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.
- lukus_W0
^ ^ ^ ^
T H I S