Linking to the required framework files

For rapid theming of all jQuery UI widgets in a development environment, we can link to all of the individual files using jquery.ui.all.css:

<link rel="stylesheet"
href="development-bundle/themes/smoothness/jquery.ui.all.css">

To use each file individually when testing a component such as the tabs widget, for example, we would use the following <link> elements:

<link rel="stylesheet"
  href="development-bundle/themes/base/jquery.ui.core.css">
<link rel="stylesheet"
  href="development-bundle/themes/base/jquery.ui.tabs.css">
<link rel="stylesheet"
  href="development-bundle/themes/base/jquery.ui.theme.css">

The CSS resources, when linked to separately, should be added to the HTML page in the following order: core.css, the widget's CSS file, and the theme.css file.

In a production environment, of course, we'd use the super-efficient combined file to minimize the number of HTTP requests for CSS files. We need to link to the combined...