本节书摘来自异步社区《jQuery UI开发指南》一书中的第1章,第1.3节,作者:【美】Eric Sarrion 译者:罗晴明 ,包勇明更多章节内容可以访问云栖社区“异步社区”公众号查看。
1.3 什么是CSS主题
我们之前提到的CSS主题是什么呢?为了弄清楚这个,只需按主题选择下载一个新的jQuery UI的定制版本。为此,打开http://jqueryui.com/downloa ,显示的页面如图 1-3所示。
选择右边下拉框列表中的UI lightness主题,然后单击Download(下载)按钮获取该主题的ZIP文件。这个ZIP文件的目录和之前下载的ZIP文件的目录是一模一样的,只是css目录中的CSS文件换成了新主题的对应文件。打开jqueryui中新的index.html文件(这个文件覆盖了之前的那个),就会看到新的主题了①。主题的示例效果如图1-4所示。
每种主题都是背景颜色、字体及其他屏幕元素的独特组合。如果我们查看css目录,我们将会看到刚才下载的两个主题子目录:
- smoothness是下载jQuery UI时的默认主题;
- ui-lightness是我们刚从http://jqueryui.com/download 页面上下载的主题。