Crear hojas de estilo en cascada

Las hojas de estilo en cascada permiten definir una apariencia coherente en todo el sitio Web manteniendo el contenido (páginas Web) y el diseño (la hoja de estilo) por separado.

Para crear una hoja de estilo en cascada nueva:
  1. Cree un proyecto Web estático o dinámico si es que todavía no lo ha hecho.
  2. En el Explorador de proyectos, expanda el proyecto y pulse con el botón derecho sobre la carpeta WebContent o sobre una subcarpeta de WebContent. Observe que si elige otra carpeta para crear el archivo CSS, no se incluirá en el archivo WAR que se despliegue en el servidor.
  3. En el menú contexual, seleccione Nuevo > Otro > Web > CSS . Aparece la ventana Nueva hoja de estilo en cascada con la carpeta seleccionada
  4. Teclee un nombre de archivo en el campo Nombre de archivo asegurándose de incluir una extensión css en el nombre de archivo.
  5. Cuenta con varias opciones para continuar:
    • Para aceptar los valores predeterminados con un archivo CSS nuevo, seleccione Finalizar.
    • Para utilizar un archivo de plantilla para el contenido inicial del archivo CSS, seleccione Siguiente. Aparecerá la ventana Seleccionar plantilla CSS. Marque el recuadro de selección Utilizar plantilla CSS y seleccione una de las plantillas de ejemplo. También puede seleccionar el enlace Plantillas CSS para añadir o eliminar plantillas HTML en la lista de plantillas.