# ACE主题 　　主要介绍其引用了那些 CSS 和 JS 。它们的作用分别是什么。 ## 1. CSS 　　其引用的主要CSS文件如下： ~~~ <!-- bootstrap & fontawesome --> <link rel="stylesheet" href="../assets/css/bootstrap.css" /> <link rel="stylesheet" href="../assets/css/font-awesome.css" /> <!-- page specific plugin styles --> <!-- text fonts --> <link rel="stylesheet" href="../assets/css/ace-fonts.css" /> <!-- ace styles --> <link rel="stylesheet" href="../assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" /> <!--[if lte IE 9]> <link rel="stylesheet" href="../assets/css/ace-part2.css" class="ace-main-stylesheet" /> <![endif]--> <!--[if lte IE 9]> <link rel="stylesheet" href="../assets/css/ace-ie.css" /> <![endif]--> ~~~ ### 1.1 bootstrap.css 　　其版本为：v3.0.2。openstack里的版本为：V3.3.7。这里我们使用openstack里提供的bootstarp。所以可以忽略这个文件。 ### 1.2 font-awesome.css 　　其版本为：4.2.0。openstack里的版本为：4.5.0。这埯我们使用openstack里提供的 font-awesome。所以可以忽略这个文件。 ### 1.3 ace-fonts.css ** 　　这里定义一些字体样式。注意其里面的“../”，如果不能生效则需要更改。这个文件是要添加的。 ### 1.4 ace.css ** 　　ACE的主题文件。这个需要添加。 #### 1.5 ace-part2.css 和 ace-ie.css 　　这个也需要添加。 　　**由上面可得： ace-fonts.css ， ace.css ，ace-part2.css 和 ace-ie.css，这三四个CSS文件需要添加 。** ## 2 . JS 　　其里面包含的文件如下： ~~~ <!-- ace settings handler --> <script src="../assets/js/ace-extra.js"></script> <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries --> <!--[if lte IE 8]> <script src="../assets/js/html5shiv.js"></script> <script src="../assets/js/respond.js"></script> <![endif]--> ~~~ 　　这里的内容全添加进去。 ~~~ <!-- basic scripts --> <!--[if !IE]> --> <script type="text/javascript"> window.jQuery || document.write("<script src='../assets/js/jquery.js'>"+"<"+"/script>"); </script> <!-- <![endif]--> <!--[if IE]> <script type="text/javascript"> window.jQuery || document.write("<script src='../assets/js/jquery1x.js'>"+"<"+"/script>"); </script> <![endif]--> <script type="text/javascript"> if('ontouchstart' in document.documentElement) document.write("<script src='../assets/js/jquery.mobile.custom.js'>"+"<"+"/script>"); </script> <script src="../assets/js/bootstrap.js"></script> <!-- page specific plugin scripts --> <!-- ace scripts --> <script src="../assets/js/ace/elements.scroller.js"></script> <script src="../assets/js/ace/elements.colorpicker.js"></script> <script src="../assets/js/ace/elements.fileinput.js"></script> <script src="../assets/js/ace/elements.typeahead.js"></script> <script src="../assets/js/ace/elements.wysiwyg.js"></script> <script src="../assets/js/ace/elements.spinner.js"></script> <script src="../assets/js/ace/elements.treeview.js"></script> <script src="../assets/js/ace/elements.wizard.js"></script> <script src="../assets/js/ace/elements.aside.js"></script> <script src="../assets/js/ace/ace.js"></script> <script src="../assets/js/ace/ace.ajax-content.js"></script> <script src="../assets/js/ace/ace.touch-drag.js"></script> <script src="../assets/js/ace/ace.sidebar.js"></script> <script src="../assets/js/ace/ace.sidebar-scroll-1.js"></script> <script src="../assets/js/ace/ace.submenu-hover.js"></script> <script src="../assets/js/ace/ace.widget-box.js"></script> <script src="../assets/js/ace/ace.settings.js"></script> <script src="../assets/js/ace/ace.settings-rtl.js"></script> <script src="../assets/js/ace/ace.settings-skin.js"></script> <script src="../assets/js/ace/ace.widget-on-reload.js"></script> <script src="../assets/js/ace/ace.searchbox-autocomplete.js"></script> ~~~ 　　这里只引用 ace scripts 这些 js 文件。