Como fazer referência a um arquivo CSS do JSP

Escrito por deborah lee soltesz Google | Traduzido por erica priscila de souza
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como fazer referência a um arquivo CSS do JSP
Arquivo CSS do JSP (PC image by genialbaron from Fotolia.com)

Um dos benefícios do Java Server Pages (JSP) é que você pode deixar seu servidor Web fazendo os trabalhos padrões. Tradicionalmente, o HTML estático, que possui folhas de estilo CSS (em cascata) são referenciadas usando a tag "link", que o navegador exige do seu visitante ao buscar a folha de estilo antes de processar a sua página Web. Usando JSP, você pode incluir o CSS diretamente, tornando mais rápidas as páginas da Web para seus visitantes.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

O que você precisa?

  • Arquivo JSP
  • Arquivo de folha de estilo CSS
  • Editor de texto

Lista completaMinimizar

Instruções

  1. 1

    Abra o arquivo JSP no seu editor favorito.

  2. 2

    Localize a seção de cabeçalho do documento (entre o <head> e </head> tags perto de parte superior do arquivo).

  3. 3

    Inicie um bloco de estilo em uma nova linha, adicionando <style type="text/css">. Tecle "Enter" para adicionar uma nova linha abaixo da tag de estilo.

  4. 4

    Adicione referências em sua folha de estilos CSS usando a diretiva de "incluir" JSP Adicionando < %@include file="style.css" % >. Use o caminho e o nome do arquivo de sua folha de estilos no lugar de "Style. css." Tecle "Enter" para adicionar uma nova linha abaixo do tag JSP.

  5. 5

    Finalize o bloco de estilo adicionando </style>.

  6. 6

    Salve o arquivo e o teste. Quando seu arquivo JSP for executado, ele irá copiar o conteúdo de sua folha de estilo CSS para o bloco do estilo do HTML gerado pelo JSP.

Dicas & Advertências

  • Se o seu JSP for executado sem erros, mas a página não tiver o estilo de acordo com a sua folha de estilos CSS, verifique se o nome de arquivo e caminho do diretório estão corretos. O caminho é relativo ao arquivo JSP. Em alguns servidores de Web, o nome do arquivo pode ser "case sensitive" (diferencia maiúsculas de minúsculas). Verifique o caminho e o nome do arquivo em JSP soletrando exatamente como aparece no servidor.

Não perca

Recursos

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível