Learning CSS

PCs, laptops, macs, mp3 players, consoles, peripherals
Post Reply
User avatar
humblebee
Posts: 10539
Joined: Sun Sep 30, 2007 4:33 pm
Last.fm: http://www.last.fm/user/atomicbeatboy
Location: Sheffields
Contact:

Learning CSS

Post by humblebee » Wed Nov 02, 2016 10:31 am

Cascading style sheets, I mean, not Cansei de Ser Sexy.

Any tips for a good way to learn, Anorak? The W3 people seem to have it covered. But I was wondering if there's a nice book or something. I find it quite hard work learning on screen sometimes. I learned Spectrum BASIC from a book. Thanks.

User avatar
tonieee
Posts: 4489
Joined: Sun Sep 30, 2007 8:40 am
Last.fm: http://www.last.fm/user/tonieee
Location: Sheffield Sex City
Contact:

Re: Learning CSS

Post by tonieee » Wed Nov 02, 2016 2:51 pm

W3Schools have a bad reputation among developers for the inaccuracy of their reference section. They're not related to the W3C, just have a similar name. Their tutorials might be okay though. The best online reference is Mozilla Developers Network (https://developer.mozilla.org/en-US/docs/Web/CSS) and I can that see they do tutorials too so it might be better to go with that - or try both and see which you prefer but you're definitely much better using MDN's reference.

I have a couple of books you're free to borrow:

- CSS Pocket Reference
- Dynamic HTML: The Definitive Reference

They're both primarily reference books but they do each contain a chapter on CSS that could be useful reading. They are quite out of date though and only cover up to CSS2 (in fact the latter says covers the "latest browsers, Internet Explorer 6, Netscape Navigator 6 and 7 and Mozilla 1.0" - so even prior to the existence of Firefox!) so none of your funky, modern CSS3 but it should be enough to get you started in the basics until you find a better, more modern book.

A good tip is most modern browsers allow you to inspect and dynamically update the CSS on any web page. Which is good for debugging what you've done if it's gone wrong, making quick updates if you're not sure exactly what you want to do and if you see a page on the web and wondering how they did it.

On Firefox press F12 to bring up the developers tools, view the inspector tab which gives you the pages HTML on the left hand side. If you click on any HTML tag in here then the right hand side shows you all the CSS rules that apply to that tag and allows you to change it, along with smart-completion so you don't have to remember all the attributes names and values. Alternatively, you can right-click on element on a page and select "Inspect Element" to take you direct to the tag in the inspector.

Chrome will do exactly the same but the tab is called "elements" rather than "inspector".

Good luck!

User avatar
hayleygerms
Posts: 832
Joined: Sat Oct 06, 2007 12:37 pm
Last.fm: http://www.last.fm/user/andyandhayley
Location: Nottingham!

Re: Learning CSS

Post by hayleygerms » Thu Nov 03, 2016 4:32 pm

I've just started doing HTML and CSS! I'm doing an evening class at a local college in conjunction with teaching myself things and it's going good so far!

I recently bought this book which as well as being astonishingly beautiful, is also very informative:

https://www.amazon.co.uk/HTML-CSS-Desig ... s=HTML+CSS

There's loads of websites that do step-by-step tutorials that I've been using that are better than W3 schools, I've got a load bookmarked on my PC at home so I'll pop back in later and post some good ones.

User avatar
humblebee
Posts: 10539
Joined: Sun Sep 30, 2007 4:33 pm
Last.fm: http://www.last.fm/user/atomicbeatboy
Location: Sheffields
Contact:

Re: Learning CSS

Post by humblebee » Mon Nov 07, 2016 4:36 pm

Thanks both - I'll check all of that out. x

User avatar
tonieee
Posts: 4489
Joined: Sun Sep 30, 2007 8:40 am
Last.fm: http://www.last.fm/user/tonieee
Location: Sheffield Sex City
Contact:

Re: Learning CSS

Post by tonieee » Mon Nov 07, 2016 4:40 pm

humblebee wrote:Thanks both - I'll check all of that out. x
If you're interested I could bring the books to Punchy club tomorrow?

User avatar
humblebee
Posts: 10539
Joined: Sun Sep 30, 2007 4:33 pm
Last.fm: http://www.last.fm/user/atomicbeatboy
Location: Sheffields
Contact:

Re: Learning CSS

Post by humblebee » Mon Nov 07, 2016 4:54 pm

tonieee wrote:
humblebee wrote:Thanks both - I'll check all of that out. x
If you're interested I could bring the books to Punchy club tomorrow?
That'd be grand, thanks lovely!

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest