As propriedades de listas permitem personalizar suas listas, aplicando marcadores personalizados e diversos formatos de números. Vamos a alguns exemplos, começando pela propriedade list-style-type:

Criarei a seguinte lista:

<html>
<body>
<br />
<ul class="listaPersonalizada">
<li/>Processador</li>
<li/>Memória</li>
<li/>Placa de Vídeo</li>
</ul>
</body>
</html>

E o seguinte CSS:

.listaPersonalizada{list-style-type:circle;}

Então teremos a página exibida da seguinte forma:

Listas CSS

Vamos testar outros valores, como list-style-type:square;

Listas CSS

Ou list-style-type:upper-latin;

Listas CSS

Ou ainda list-style-type:upper-roman;

Listas CSS

Outra propriedade interessante é a list-style-image, que permite personalizar a imagem que demarcará cada item da lista. Podemos inserir uma imagem qualquer, vejam:

.listaPersonalizada{list-style-image:url('cd.png');}

E agora vejam nossa página:

Listas CSS

Essa propriedade aceita arquivos PNG, JPEG ou GIF.

Por último temos a list-style-position, que altera o recúo dos itens da lista. Vou criar um exemplo e inserir uma borda, para que fique fácil observar. O CSS vai ficar da seguinte forma:

.listaPersonalizada
{
list-style-image:url('cd.png');
list-style-position:inside;
border:solid;
}

Nossa página ficará assim:

Listas CSS

Agora vou alterar o valor de list-style-position para outside. Notem a diferença:

Listas CSS

A lista fica posicionada sem o recúo criado quando usamos o valor inside.
Essas são as propriedades referentes às listas em CSS.

HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Street Fighter 2

Street Fighter 2, lançado para o Super Nintendo no início dos anos 90, foi o principal responsável pelo aumento nas vendas deste console. Graças ao sucesso do título nos Arcades e à perfeita adaptação ao console, muitos consumidores adquiriram o SNES para jogarem o título em casa. Saiba mais.

Mortal Kombat - O Filme

O filme Mortal Kombat, inspirado no jogo de mesmo nome, faturou 23 milhões de dólares apenas no fim de semana de estreia nos EUA. Ainda sobre este título de sucesso, outra cifra que impressiona é o faturamento ao longo do primeiro ano: 1 bilhão de dólares no mundo todo.

Donkey Kong

A empresa Universal City Studios, detentora dos direitos autorais do King Kong, processou a Nintendo logo após o lançamento de Donkey Kong, pois segundo ela, o game violava os seus direitos. Ela venceu o processo e recebeu da Nintendo uma indenização de quase 2 milhões de dólares.

Ábaco

O ábaco é o dispositivo de cálculo mais antigo construído e conhecido pelo homem. Suas formas mais primitivas datam de 400 a.C. e eles foram encontrados na China e na Babilônia. Para saber mais sobre a história dos computadores, clique aqui.

Space Invaders

O título Space Invaders, lançado em 1980, fez tanto sucesso em todo o mundo que as pessoas compravam o console Atari apenas para poderem jogá-lo em casa. Saiba mais sobre este incrível título clicando aqui.