Can any body share some video tutorials of CSS

Hi,
Can any body share with me free video lecture of CSS & some assignment as i want to get expertise in this language......

 

books is not in trend?)

 

There is no doubt that books are more important but i want to have visual expression. However if u have books can share with me.

 

head over to http://www.smashingmagazine.com or http://www.w3schools.com/

 

Definitely you should go with books rather than videos... cause its not a subject where you will need videos. Still if you feel, try this -

http://cssvideos.com/
http://www.csstutorial.net/category/css-video-tutorial/
http://css-tricks.com/video-screencasts/
http://www.sitepoint.com/videos/videocss1/
http://www.cssreflex.com/2009/05/some-helpful-xhtml-css-video-tutorials.html

 

Plus videos teach you other coders' habits.... Find your own way, your own style.... Coding is like signing your name... Eventually you can tell who coded what just by looking at the source code...

Cheers!~

 

CSS is probably the easiest of all web elements to learn. There are hundreds of tutorials on CSS on the web.

For me the biggest hurdle was learning the differences between inline and external style sheets. I find the external style sheets make it easier in the beginning to differentiate between what is html specific and what is purely CSS. When you put your CSS in the page you have to declare the styles either in the head of the document or inline using a style attribute in the particular tag. Whereas in an external style sheet it's all pure CSS i.e.

.myHeaderTag
{
   float:left;
   width:100%;
   height:150px;
   min-width: 800px;
   min-height:150px;
   margin:0px;
   padding: 15px 20px 20px 15px;
   background-color:#9a55ff;
}

Code (markup):

Then in your document you link it to you style sheet with this in the head section of the document:

<link href="cssFileName.css" rel="stylesheet" type="text/css" />

Code (markup):

Then for your header you use a div tag and give it your myHeaderTag class like so:

<div class="myHeaderTag">The stuf fthat goes in your header</div>

Code (markup):