<?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">


<head>


  <meta name="GENERATOR" content="amaya 7.2, see http://www.w3.org/Amaya/" />


  <title>Crear un estilo genérico para un elemento o clase</title>


  <link href="../style.css" rel="stylesheet" type="text/css" />


</head>





<body xml:lang="es" lang="es">





<table border="0" width="100%" summary="toc">


  <tbody>


    <tr>


      <td><img alt="W3C" src="../../images/w3c_home" /> <img alt="Amaya"


        src="../../images/amaya.gif" /></td>


      <td><p align="right"><a


        href="creating_and_updating_a_style_attribute.html.es"


        accesskey="p"><img alt="anterior" src="../../images/left.gif" /></a>


        <a href="../StyleSheets.html.es" accesskey="t"><img alt="superior"


        src="../../images/up.gif" /></a> <a


        href="creating_html_style_elements.html.es" accesskey="n"><img


        alt="siguiente" src="../../images/right.gif" /></a></p>


      </td>


    </tr>


  </tbody>


</table>





<div id="page_body">


<h1>Crear un estilo genérico para un elemento o clase</h1>





<p>Cuando se asocia un atributo de estilo a un elemento, puedes utilizar ese


elemento para crear o modificar una regla de estilo, utilizando el comando


<strong>Crear regla</strong>.</p>





<h2>Utilizar el comando Crear regla</h2>





<p class="ProcedureCaption">Para crear un estilo genérico para un elemento o


clase:</p>


<ol>


  <li>Selecciona el elemento que quieres utilizar como plantilla. 


    <p class="StepNote"><strong>Nota:</strong> Debes elegir un único elemento


    y este elemento debe tener un atributo de estilo.</p>


  </li>


  <li>Elige el comando de menú <strong>Estilo &gt; Crear regla</strong>.


    Amaya abre una caja de diálogo con una lista de selectores CSS. La lista


    contiene todas las clases definidas en el documento actual (incluyendo


    las clases definidas en las hojas de estilo CSS enlazadas), así como el


    tipo de elemento al que se asocia el estilo 


    


  </li>


  <li>Elige un selector de esta lista o escribe un nuevo nombre de clase y


    haz clic en <strong>Confirmar</strong>. El estilo del elemento


    seleccionado se añde al selector elegido y el atributo de estilo se


    elimina del elemento elegido. Su contenido se traslada al elemento


    <code>style</code> del encabezado (<code>head</code>) del documento y


    todos los elementos que coincidan con el selector mostrarán el nuevo


    estilo.</li>


</ol>





<h2>Asociar clases con elemento</h2>





<p>Cuando creas nuevas clases con el el comando <strong>Crear regla</strong>,


puedes asociar las clases con algunos elementos del documento.</p>


<ol>


  <li>Elige el comando de menú <strong>Estilo &gt; Aplicar clase</strong> del


    menú <strong>Estilo</strong>. 


    


  </li>


  <li>Una caja de diálogo muestra todas las clases existentes. Elige una de


    estas clases. 


    <p>Amaya muestra los elementos seleccionados con el estilo asociado con


    la clase elegida.</p>


  </li>


</ol>





<p>Para asociar una clase a un elemento, también puedes utilizar el menú


<strong>Atributos</strong>. Este menú te permite también eliminar o modificar


el atributo clase de un elemento (el atributo clase se gestiona como


cualquier otro atributo).</p>


</div>


</body>


</html>


