0

我为prime-faces创建了css文件，我已经厌倦了制作它但没有工作。

这是我的 style.css 文件

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org        /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<style type="text/css">
*{
 padding:0px;
 margin:0px;

}
 body{
background-color:#ffffff;
  }
 .head1{
background-repeat:repeat-x;
background-image: url('images/rd-el_03.png');
height:174px;
 }
 .head2{
background-image: url('images/rd-el_02.png');
width:364px;
height:174px;
margin-left:auto;
margin-right:auto;
background-repeat:no-repeat;
  }
 img{
 border:0;
  }
 .footer1{
   background-image: url('images/rd-el_07.png');
  height:87px;
  background-repeat:repeat-x;   
  }
  .footer2{
  background-image: url('images/rd-el_06.png');
  float:left;
  width:89px;
  height:87px;
  background-repeat:no-repeat;

   }
 .footer3{
   background-image: url('images/rd-el_09.png');
  width:272px;
 height:87px;
 float:right;
 background-repeat:no-repeat;

  }
 </style>
 </head>

 <body>
  <div class="head1">
 <div class="head2"></div>
</div>

 <div class="footer1">
 <a href="http://tl4s.com.sa" title="تصميم منتدى"><div class="footer2"></div></a>
 <div class="footer3"></div>
 </div>



  </body>

 </html>

这个 style.css 在 WebContent |-- resources | 下 -- css |-- 样式.css：

我已将此代码放在我的 xhtml 文件中，但没有运气

 <h:head>
  <h:outputStylesheet name="css/styles.css" />
 </h:head>
4

2 回答 2

1

嗯，它看起来不像一个 CSS 文件。它是一个 HTML/XHTML 文件，其中嵌入了 CSS 代码。删除所有 HTML 代码和标签内的所有内容，将其放入该 CSS 文件中！那可行。所以一个 CSS 文件看起来像：

- - - - - - - - - - - - - - - - - 开始 - - - - - - - - -

.body{
 css code here
}

.property1{
 css code here
}

- - - - - - - - - - - - - - - - - - - - - -结尾 - - - ------------

里面应该绝对没有其他东西。

于 2013-08-15T23:12:56.360 回答
0

嗨，我有同样的问题。

我首先使用<h:outputStyleSheet>标签解决了它我不知道这是否对你有用，因为我使用的是 Maven，所以你必须确保你的资源文件夹在里面：

webapp->resources->css->styles.css

并在里面<h:head>放入以下行。这就是 JSF 2 引用 css 文件的方式：

`<h:outputStylesheet library="css" name="styles.css"  /> `

希望这有帮助，祝你好运

于 2015-03-20T09:05:15.470 回答