且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

《jQuery UI 开发指南》——1.3 什么是CSS主题

更新时间:2022-08-30 10:05:36

本节书摘来自异步社区《jQuery UI开发指南》一书中的第1章,第1.3节,作者:【美】Eric Sarrion 译者:罗晴明 ,包勇明更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.3 什么是CSS主题

我们之前提到的CSS主题是什么呢?为了弄清楚这个,只需按主题选择下载一个新的jQuery UI的定制版本。为此,打开http://jqueryui.com/downloa ,显示的页面如图 1-3所示。
《jQuery UI 开发指南》——1.3 什么是CSS主题

选择右边下拉框列表中的UI lightness主题,然后单击Download(下载)按钮获取该主题的ZIP文件。这个ZIP文件的目录和之前下载的ZIP文件的目录是一模一样的,只是css目录中的CSS文件换成了新主题的对应文件。打开jqueryui中新的index.html文件(这个文件覆盖了之前的那个),就会看到新的主题了①。主题的示例效果如图1-4所示。

每种主题都是背景颜色、字体及其他屏幕元素的独特组合。如果我们查看css目录,我们将会看到刚才下载的两个主题子目录:

《jQuery UI 开发指南》——1.3 什么是CSS主题