When a CSS file loads with page, does all the images attached with that css file will load alongwith?

[triptipandey]

or the images will load when its specific page will come only?

[umcpstudent]

im not sure but goto www.w3schools.com its got some great stuff on css you can check out there

[jmpweb]

There is no simple answer to this question, for several reason.

First, you must consider CSS in itself. CSS specs. 2.1 does not concern itself with how a renderer (read browser) will load/display a styled element.

Second, each browser implements loading, unloading, caching ecc... in a different way.

In my experience, browsers threat css style-sheets this way:
whenever a css selector is triggered by a node the browser queue the image for loading... in certain cases reloading the same image several times.

To reach a conclusion in this question, either find authoritative replies from browser vendor or test the browser yourself.

Just to make myself clear, Firefox 1.5 does not necessarily behave like Firefox 2 nor like IE5 or IE6 or IE7 ... ecc...

[needhelp1981]

The image files only get called if the class is instantiated on the page.

To see exactly what is loading on your page, I suggest using Firefox and installing "Firebug" (http://www.getfirebug.com). It'll allow you to bring up a console and debug javascript, show which files are loading, which ones are taking the longest, etc. It's an invaluable tool.