如何将外部CSS资源与JSF h:outputStylesheet链接?

前端之家收集整理的这篇文章主要介绍了如何将外部CSS资源与JSF h:outputStylesheet链接?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道我是否可以使用< h:outputStylesheet />从外部资源链接CSS.我想链接雅虎网格.使用以下代码,我得到了一个RES_NOT_FOUND:
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml"
  5. xmlns:f="http://java.sun.com/jsf/core"
  6. xmlns:h="http://java.sun.com/jsf/html"
  7. xmlns:p="http://primefaces.prime.com.tr/ui"
  8. xmlns:tcmt="http://java.sun.com/jsf/composite/tcmt/component">
  9.  
  10. <h:head>
  11. </h:head>
  12. <h:body>
  13. <h:outputStylesheet library="css" name="http://yui.yahooapis.com/3.3.0/build/cssgrids/grids-min.css" target="head" />
  14. </h:body>
  15. </html>

解决方法

您可以继续使用纯HTML:
  1. <link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/3.3.0/build/cssgrids/grids-min.css" />

当您使用< h:graphicImage />或< h:outputStylesheet />或者< h:outputScript />,然后该文件需要位于Web应用程序本身的/ resources文件夹中.另请参见How to reference CSS / JS / image resource in Facelets template?但是,如果Web应用程序未提供该文件,则应使用纯HTML< img />或者< link />或< script>< / script>为了这.

而不是简单的HTML< link />您也可以下载.css并将其放入Web应用程序的/ resources文件夹中,以便您可以使用< h:outputStylesheet />.

猜你在找的CSS相关文章