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?

Tetris

O título Tetris detém o recorde de jogo mais adaptado de todos os tempos. No total foram mais de 60 plataformas diferentes que receberam alguma versão do quebra-cabeças criado por Alexey Pajitnov. Conheça mais sobre este incrível jogo clicando aqui.

Recorde de patentes

A IBM detém o recorde de patentes em um único ano, atingindo a marca de 4186 registros no ano de 2008. Clique aqui e saiba mais sobre esta gigante do mundo da tecnologia.

Tomb Raider - O Filme

Considerando todas as adaptações de jogos de videogame para o cinema, a mais bem sucedida foi Lara Croft: Tomb Raider, lançado em 2001 e que faturou 274 milhões de dólares. Ele foi dirigido por Simon West e estrelado pela bela Angelina Jolie.

Mega Man

A primeira versão do clássico Mega Man, para Nintendo 8 bits, tem seu recorde de pontos estabelecido em 03/11/2006, por David Archey, que cravou 2.396.700 pontos, terminando o jogo.

Asteroids

O título Asteroids, do Atari, possui recorde de pontuação há 30 anos. Em 1982 um americano chamado Scott Safran atingiu a marca de 41.336.440. Atualmente ele faz parte de um minúsculo grupo de jogadores que conseguiram manter seus recordes por mais de 30 anos.