Como importar dois arquivos css?

Front-end
#1

bom dia tenho um template em facelets, e gostaria de usar dois arquivos css externos, mas não consigo
um de uso geral e outro específico
estou usando jsf 2.0 e páginas xhtml
obrigado

#2

<style type="text/css"> @import url("nomeDoEstilo1.css"); @import url("nomeDoEstilo2.css"); </style>

#3

já resolvi…
meu pemplate ficou assim

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!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" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core">
	<h:head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
		<title>Sistema HRWMS</title>
		<h:outputStylesheet library="style" name="cabecalho.css" />
		<h:outputScript library="javascript" name="cabecalho.js" />
		<ui:insert name="css" />
		<ui:insert name="jscript"></ui:insert>
	</h:head>
	<h:body >
		<div id="divcentral">
			<div id="divcabcentral">
				<div id="divcabimagem"></div>
				<div id="divcabconteudo">
					<fieldset id="molduradados">
						<div id="divcabdados" >
							<h:outputFormat value="loja: {0} &nbsp; Usuario: {1}" styleClass="datalabels">
								<f:param value="#{usuario.loja}" />
								<f:param value="#{usuario.usuario}" />
								<div id="divcablogoff"><h:graphicImage library="imagens" name="btsair.gif" id="logoff" /></div>
							</h:outputFormat>
						</div>
					</fieldset>
				</div>
			</div>
			<div id="divsair" style="display:none;">
			<h:graphicImage library="imagens" name="imgsair.gif" id="btsair" alt="Deseja sair?" usemap="#imgsair"/>
				 <map id="imgsair" >
				 	<area id="btsairsim" shape="rect" alt="Sim" coords="146,6,179,15" />
				 	<area id="btsairnao" shape="rect" alt="Não" coords="182,3,216,14" />
				 </map>
			</div>
			<ui:insert name="content"></ui:insert>
		</div>	
	</h:body>
</html>

e a página de composição ficou assim:

<!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" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core">
<ui:composition template="alpha.xhtml">
	<ui:define name="css"><h:outputStylesheet library="style" name="tarefas.css" ></h:outputStylesheet></ui:define>
	<ui:define name="jscript"><script type="text/javascript" src="javascript/tarefas.js"></script></ui:define>
	<ui:define name="content">
		<div class="divqtdependentes">
			<h:outputFormat value="Quantidades pendentes: {0}" styleClass="qtdependentesitens">
				<f:param value="#{tarefas.qtdtask}"></f:param>
			</h:outputFormat>
		</div>
		<div id="divlabens" >
			<div id="label1"><span class="labels">Tipo</span></div>
			<div id="label2"><span class="labels">Id</span></div>
			<div id="label3"><span class="labels">NF</span></div>
			<div id="label4"><span class="labels">Status</span></div> 
		</div>
		<h:dataTable value="#{tarefas.listtask}" var="task" rowClasses="listatask1,listatask2" cellpadding="1" cellspacing="1" columnClasses="listacol1,listacol2,listacol3,listacol4">
		<h:column>
			<h:outputText value="#{task.tipo}"/>
		</h:column>
		<h:column>
			<h:outputText value="#{task.id_status}" />
		</h:column>
		<h:column>
			<h:outputText value="#{task.numnf}" />
		</h:column>
		<h:column>
			<h:outputText value="#{task.status}" />
		</h:column>
		</h:dataTable>
	</ui:define>
</ui:composition>
</html>
#4

obrigado Andre…

#5

Exatamente.
Sempre dê prioridade as Tags JSF.

&lt;h:outputStylesheet library="css" name="layout.css" /&gt; &lt;h:outputStylesheet library="css" name="style.css" /&gt;

é a melhor forma de importar os arquivos.

Só coloca agora como resolvido.

#6

muito obrigado a todos…

#7

Mr. style, como posso colocar resolvido no titulo?

#8