Chief Delphi

Chief Delphi (http://www.chiefdelphi.com/forums/index.php)
-   Website Design/Showcase (http://www.chiefdelphi.com/forums/forumdisplay.php?f=64)
-   -   CSS Tutorials (http://www.chiefdelphi.com/forums/showthread.php?t=57150)

Compnerd 24-04-2007 20:27

CSS Tutorials
 
I am looking to learn CSS coding this summer. For those of you who know CSS, would you be able to point me in the right direction? Perferably what worked best for you. Even if it's a book.

Also: I need to learn how to use CSS for layouts.

Beth Sweet 24-04-2007 20:33

Re: CSS Tutorials
 
http://www.w3schools.com/css/css_reference.asp

I got this one from my CSE class, it works for me!!!

BenThompson 24-04-2007 20:38

Re: CSS Tutorials
 
The site HTML Dog is where I learned CSS.

SamC 24-04-2007 20:39

Re: CSS Tutorials
 
A few good sites that have always helped me for a quick reference, or some tricks/tips are these:
(These should all pop up somewhere In the first page of a google search)

http://www.w3schools.com/css/default.asp
http://www.echoecho.com/css.htm
http://blog.outer-court.com/archive/2007-03-30-n51.html
http://www.csstutorial.net/

Also, if you see a site that looks good to you, just look at their CSS. If you do a "View Source" you will usually find a line of code that says
Code:

<link href="[FILENAME].css" rel="stylesheet" type="text/css">
And go to wherever the file is. (usually in the same directory)

Anything within those sheets will usually give you a few ideas as to how to get something done. That is one thing that is cool about CSS it is pretty straightforward (ie. Background, color, font-family, etc..)

Kyle Fenton 24-04-2007 20:39

Re: CSS Tutorials
 
For beginners, the best way to learn CSS to use a program like CSS Edit.

Grant Cox 24-04-2007 20:45

Re: CSS Tutorials
 
Although not a conventional tutorial, ABS made a "live design" thing a while back that goes through step-by-step how his website got its look (all in CSS).

Compnerd 24-04-2007 20:46

Re: CSS Tutorials
 
I have heard that that CSS is also used for layouts... Do these sites explain this?

SamC 24-04-2007 20:55

Re: CSS Tutorials
 
Another little CSS help site

CSS Layout Tutorial
Another CSS Layout Tutorial

Samuel H. 24-04-2007 22:20

Re: CSS Tutorials
 
An additional tool, if you use Firefox, is a nice plugin called Firebug that can show you a site's css, and a whole lot more. You can even disable parts and see what happens. I used it a lot while I was first learning, and I use it now for debugging my webpages.

Sam

Gigaman2003 26-04-2007 20:04

Re: CSS Tutorials
 
a better tool would be the webdeveloper toolbar which allows you to edit any site's css in real-time. this way you can really get a feel for the different attributes.

you will find css to be most useful :)


All times are GMT -5. The time now is 16:01.

Powered by vBulletin® Version 3.6.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Copyright © Chief Delphi