sábado, 5 de junho de 2010

LISTAS_CSS

Listas

Outra técnica de formatação muito usada em páginas "Word Wide Web" (WWW) é a lista (‘list’). Ela é como um parágrafo, porém tem uns detalhes adicionais.

HTML define listas que podem ser do tipo com marcadores (bullets - listas não numeradas) ou listas ordenadas <ul>...</ul> <ol>...</ol> com numeração no início de cada item da lista. <li>...</li>. Cada tipo de lista é fornecido com algumas opções, que podem ser definidas no HTML - <li type="square"> coloca marcador do tipo ‘quadradinho’, <li type="i"> coloca um numeral romano minúsculo

Lista não ordenada padrão

  • Item da lista não ordenada
  • Item da lista não ordenada
  • Item da lista não ordenada
    • Idebtação do item
    • Identação do segundo item
  • Novo item da lista
  • Segundo item novo da lista

Lista não ordenada com opção de marcador tipo ‘quadrinho’


  • Item da lista não ordenada
  • Item da lista não ordenada
  • Item da lista não ordenada

Lista ordenada tipo padrão

  1. Lista ordenada item 1
  2. Lista ordenada item 2
  3. Lista ordenada item 3

Lista ordenada com opção de numeral romano minúsculo


  1. Item 1 da lista ordenada
  2. Item 2 da lista ordenada
  3. Item 3 da lista ordenada

CSS possibilita mais opções e controle sobre listas - basta você criar regras de estilo para ol ou ul

Nenhum comentário:

Postar um comentário